@funkit/connect 1.1.1 → 1.1.2

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 (12) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/components/Box/Box.d.ts +1 -1
  3. package/dist/components/ConnectButton/formatAccountName.d.ts +14 -0
  4. package/dist/components/FunTransactionSummary/FunTransactionSummary.d.ts +3 -14
  5. package/dist/components/FunTransactionSummary/FunTxSummaryComponents.d.ts +11 -1
  6. package/dist/components/Icons/FunArrows.d.ts +0 -2
  7. package/dist/consts/funkit.d.ts +1 -0
  8. package/dist/css/sprinkles.css.d.ts +2 -2
  9. package/dist/index.css +1327 -1324
  10. package/dist/index.js +1131 -1012
  11. package/dist/wallets/walletConnectors/index.js +55 -55
  12. package/package.json +1 -1
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: "_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" }, optionBackground: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5" }, defaultClass: "_1rsrm2fj2" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fj6", hover: "_1rsrm2fj7", active: "_1rsrm2fj8", selection: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj6" }, strokePrimary: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fja" }, strokeSecondary: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh" }, defaultClass: "_1rsrm2fje" }, buttonPrimary: { conditions: { base: "_1rsrm2fji", hover: "_1rsrm2fjj", active: "_1rsrm2fjk", selection: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fji" }, buttonProcessing: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjm" }, buttonDisabled: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt" }, defaultClass: "_1rsrm2fjq" }, buttonWarning: { conditions: { base: "_1rsrm2fju", hover: "_1rsrm2fjv", active: "_1rsrm2fjw", selection: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fju" }, buttonSuccess: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjy" }, buttonTextWarning: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5" }, defaultClass: "_1rsrm2fk2" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fk6", hover: "_1rsrm2fk7", active: "_1rsrm2fk8", selection: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk6" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fka" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh" }, defaultClass: "_1rsrm2fke" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fki", hover: "_1rsrm2fkj", active: "_1rsrm2fkk", selection: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fki" }, transparent: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkm" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt" }, defaultClass: "_1rsrm2fkq" }, accentColorForeground: { conditions: { base: "_1rsrm2fku", hover: "_1rsrm2fkv", active: "_1rsrm2fkw", selection: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fku" }, actionButtonBorder: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fky" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5" }, defaultClass: "_1rsrm2fl2" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fl6", hover: "_1rsrm2fl7", active: "_1rsrm2fl8", selection: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl6" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld" }, defaultClass: "_1rsrm2fla" }, closeButton: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh" }, defaultClass: "_1rsrm2fle" }, closeButtonBackground: { conditions: { base: "_1rsrm2fli", hover: "_1rsrm2flj", active: "_1rsrm2flk", selection: "_1rsrm2fll" }, defaultClass: "_1rsrm2fli" }, connectButtonBackground: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp" }, defaultClass: "_1rsrm2flm" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt" }, defaultClass: "_1rsrm2flq" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2flu", hover: "_1rsrm2flv", active: "_1rsrm2flw", selection: "_1rsrm2flx" }, defaultClass: "_1rsrm2flu" }, connectButtonText: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1" }, defaultClass: "_1rsrm2fly" }, connectButtonTextError: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5" }, defaultClass: "_1rsrm2fm2" }, connectionIndicator: { conditions: { base: "_1rsrm2fm6", hover: "_1rsrm2fm7", active: "_1rsrm2fm8", selection: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm6" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fma" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh" }, defaultClass: "_1rsrm2fme" }, error: { conditions: { base: "_1rsrm2fmi", hover: "_1rsrm2fmj", active: "_1rsrm2fmk", selection: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmi" }, generalBorder: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmm" }, generalBorderDim: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt" }, defaultClass: "_1rsrm2fmq" }, menuItemBackground: { conditions: { base: "_1rsrm2fmu", hover: "_1rsrm2fmv", active: "_1rsrm2fmw", selection: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fmu" }, modalText: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmy" }, modalTextDim: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5" }, defaultClass: "_1rsrm2fn2" }, modalTextSecondary: { conditions: { base: "_1rsrm2fn6", hover: "_1rsrm2fn7", active: "_1rsrm2fn8", selection: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn6" }, profileAction: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fna" }, profileActionHover: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh" }, defaultClass: "_1rsrm2fne" }, profileForeground: { conditions: { base: "_1rsrm2fni", hover: "_1rsrm2fnj", active: "_1rsrm2fnk", selection: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fni" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnm" }, standby: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt" }, defaultClass: "_1rsrm2fnq" }, solidLine: { conditions: { base: "_1rsrm2fnu", hover: "_1rsrm2fnv", active: "_1rsrm2fnw", selection: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fnu" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fny" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5" }, defaultClass: "_1rsrm2fo2" }, loadingBase: { conditions: { base: "_1rsrm2fo6", hover: "_1rsrm2fo7", active: "_1rsrm2fo8", selection: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo6" }, loadingAccent: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod" }, defaultClass: "_1rsrm2foa" }, modalBackdrop: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh" }, defaultClass: "_1rsrm2foe" }, modalBackground: { conditions: { base: "_1rsrm2foi", hover: "_1rsrm2foj", active: "_1rsrm2fok", selection: "_1rsrm2fol" }, defaultClass: "_1rsrm2foi" }, modalBorder: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop" }, defaultClass: "_1rsrm2fom" }, notificationPrimary: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot" }, defaultClass: "_1rsrm2foq" }, textPrimary: { conditions: { base: "_1rsrm2fou", hover: "_1rsrm2fov", active: "_1rsrm2fow", selection: "_1rsrm2fox" }, defaultClass: "_1rsrm2fou" }, textSecondary: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1" }, defaultClass: "_1rsrm2foy" }, textTertiary: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5" }, defaultClass: "_1rsrm2fp2" }, textDisabled: { conditions: { base: "_1rsrm2fp6", hover: "_1rsrm2fp7", active: "_1rsrm2fp8", selection: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp6" }, textSelection: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fpa" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph" }, defaultClass: "_1rsrm2fpe" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fpi", hover: "_1rsrm2fpj", active: "_1rsrm2fpk", selection: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpi" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpm" }, optionBackground: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt" }, defaultClass: "_1rsrm2fpq" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fpu", hover: "_1rsrm2fpv", active: "_1rsrm2fpw", selection: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fpu" }, strokePrimary: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpy" }, strokeSecondary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5" }, defaultClass: "_1rsrm2fq2" }, buttonPrimary: { conditions: { base: "_1rsrm2fq6", hover: "_1rsrm2fq7", active: "_1rsrm2fq8", selection: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq6" }, buttonProcessing: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fqa" }, buttonDisabled: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh" }, defaultClass: "_1rsrm2fqe" }, buttonWarning: { conditions: { base: "_1rsrm2fqi", hover: "_1rsrm2fqj", active: "_1rsrm2fqk", selection: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqi" }, buttonSuccess: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqm" }, buttonTextWarning: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt" }, defaultClass: "_1rsrm2fqq" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fqu", hover: "_1rsrm2fqv", active: "_1rsrm2fqw", selection: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqu" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqy" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5" }, defaultClass: "_1rsrm2fr2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fr6", hover: "_1rsrm2fr7", active: "_1rsrm2fr8", selection: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr6" }, transparent: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd" }, defaultClass: "_1rsrm2fra" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh" }, defaultClass: "_1rsrm2fre" }, dialog: { conditions: { base: "_1rsrm2fri", hover: "_1rsrm2frj", active: "_1rsrm2frk", selection: "_1rsrm2frl" }, defaultClass: "_1rsrm2fri" }, profileDetailsAction: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp" }, defaultClass: "_1rsrm2frm" }, selectedOption: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt" }, defaultClass: "_1rsrm2frq" }, selectedWallet: { conditions: { base: "_1rsrm2fru", hover: "_1rsrm2frv", active: "_1rsrm2frw", selection: "_1rsrm2frx" }, defaultClass: "_1rsrm2fru" }, walletLogo: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1" }, defaultClass: "_1rsrm2fry" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5" }, defaultClass: "_1rsrm2fs2" }, accentColorForeground: { conditions: { base: "_1rsrm2fs6", hover: "_1rsrm2fs7", active: "_1rsrm2fs8", selection: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs6" }, actionButtonBorder: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fsa" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh" }, defaultClass: "_1rsrm2fse" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fsi", hover: "_1rsrm2fsj", active: "_1rsrm2fsk", selection: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsi" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsm" }, closeButton: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst" }, defaultClass: "_1rsrm2fsq" }, closeButtonBackground: { conditions: { base: "_1rsrm2fsu", hover: "_1rsrm2fsv", active: "_1rsrm2fsw", selection: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fsu" }, connectButtonBackground: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsy" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5" }, defaultClass: "_1rsrm2ft2" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ft6", hover: "_1rsrm2ft7", active: "_1rsrm2ft8", selection: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft6" }, connectButtonText: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd" }, defaultClass: "_1rsrm2fta" }, connectButtonTextError: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth" }, defaultClass: "_1rsrm2fte" }, connectionIndicator: { conditions: { base: "_1rsrm2fti", hover: "_1rsrm2ftj", active: "_1rsrm2ftk", selection: "_1rsrm2ftl" }, defaultClass: "_1rsrm2fti" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftm" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt" }, defaultClass: "_1rsrm2ftq" }, error: { conditions: { base: "_1rsrm2ftu", hover: "_1rsrm2ftv", active: "_1rsrm2ftw", selection: "_1rsrm2ftx" }, defaultClass: "_1rsrm2ftu" }, generalBorder: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1" }, defaultClass: "_1rsrm2fty" }, generalBorderDim: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5" }, defaultClass: "_1rsrm2fu2" }, menuItemBackground: { conditions: { base: "_1rsrm2fu6", hover: "_1rsrm2fu7", active: "_1rsrm2fu8", selection: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu6" }, modalText: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud" }, defaultClass: "_1rsrm2fua" }, modalTextDim: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh" }, defaultClass: "_1rsrm2fue" }, modalTextSecondary: { conditions: { base: "_1rsrm2fui", hover: "_1rsrm2fuj", active: "_1rsrm2fuk", selection: "_1rsrm2ful" }, defaultClass: "_1rsrm2fui" }, profileAction: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup" }, defaultClass: "_1rsrm2fum" }, profileActionHover: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut" }, defaultClass: "_1rsrm2fuq" }, profileForeground: { conditions: { base: "_1rsrm2fuu", hover: "_1rsrm2fuv", active: "_1rsrm2fuw", selection: "_1rsrm2fux" }, defaultClass: "_1rsrm2fuu" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuy" }, standby: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5" }, defaultClass: "_1rsrm2fv2" }, solidLine: { conditions: { base: "_1rsrm2fv6", hover: "_1rsrm2fv7", active: "_1rsrm2fv8", selection: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv6" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fva" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh" }, defaultClass: "_1rsrm2fve" }, loadingBase: { conditions: { base: "_1rsrm2fvi", hover: "_1rsrm2fvj", active: "_1rsrm2fvk", selection: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvi" }, loadingAccent: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvm" }, modalBackdrop: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt" }, defaultClass: "_1rsrm2fvq" }, modalBackground: { conditions: { base: "_1rsrm2fvu", hover: "_1rsrm2fvv", active: "_1rsrm2fvw", selection: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvu" }, modalBorder: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvy" }, notificationPrimary: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5" }, defaultClass: "_1rsrm2fw2" }, textPrimary: { conditions: { base: "_1rsrm2fw6", hover: "_1rsrm2fw7", active: "_1rsrm2fw8", selection: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw6" }, textSecondary: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fwa" }, textTertiary: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh" }, defaultClass: "_1rsrm2fwe" }, textDisabled: { conditions: { base: "_1rsrm2fwi", hover: "_1rsrm2fwj", active: "_1rsrm2fwk", selection: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwi" }, textSelection: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwm" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt" }, defaultClass: "_1rsrm2fwq" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fwu", hover: "_1rsrm2fwv", active: "_1rsrm2fww", selection: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fwu" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fwy" }, optionBackground: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5" }, defaultClass: "_1rsrm2fx2" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fx6", hover: "_1rsrm2fx7", active: "_1rsrm2fx8", selection: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx6" }, strokePrimary: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fxa" }, strokeSecondary: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh" }, defaultClass: "_1rsrm2fxe" }, buttonPrimary: { conditions: { base: "_1rsrm2fxi", hover: "_1rsrm2fxj", active: "_1rsrm2fxk", selection: "_1rsrm2fxl" }, defaultClass: "_1rsrm2fxi" }, buttonProcessing: { conditions: { base: "_1rsrm2fxm", hover: "_1rsrm2fxn", active: "_1rsrm2fxo", selection: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxm" }, buttonDisabled: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt" }, defaultClass: "_1rsrm2fxq" }, buttonWarning: { conditions: { base: "_1rsrm2fxu", hover: "_1rsrm2fxv", active: "_1rsrm2fxw", selection: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxu" }, buttonSuccess: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxy" }, buttonTextWarning: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5" }, defaultClass: "_1rsrm2fy2" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fy6", hover: "_1rsrm2fy7", active: "_1rsrm2fy8", selection: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy6" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fya" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh" }, defaultClass: "_1rsrm2fye" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fyi", hover: "_1rsrm2fyj", active: "_1rsrm2fyk", selection: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyi" }, transparent: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fym" } } } } }, { 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" } } } } });
23
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fe3", hover: "_1rsrm2fe4", active: "_1rsrm2fe5", selection: "_1rsrm2fe6" }, defaultClass: "_1rsrm2fe3" }, accentColorForeground: { conditions: { base: "_1rsrm2fe7", hover: "_1rsrm2fe8", active: "_1rsrm2fe9", selection: "_1rsrm2fea" }, defaultClass: "_1rsrm2fe7" }, actionButtonBorder: { conditions: { base: "_1rsrm2feb", hover: "_1rsrm2fec", active: "_1rsrm2fed", selection: "_1rsrm2fee" }, defaultClass: "_1rsrm2feb" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fef", hover: "_1rsrm2feg", active: "_1rsrm2feh", selection: "_1rsrm2fei" }, defaultClass: "_1rsrm2fef" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fej", hover: "_1rsrm2fek", active: "_1rsrm2fel", selection: "_1rsrm2fem" }, defaultClass: "_1rsrm2fej" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fen", hover: "_1rsrm2feo", active: "_1rsrm2fep", selection: "_1rsrm2feq" }, defaultClass: "_1rsrm2fen" }, closeButton: { conditions: { base: "_1rsrm2fer", hover: "_1rsrm2fes", active: "_1rsrm2fet", selection: "_1rsrm2feu" }, defaultClass: "_1rsrm2fer" }, closeButtonBackground: { conditions: { base: "_1rsrm2fev", hover: "_1rsrm2few", active: "_1rsrm2fex", selection: "_1rsrm2fey" }, defaultClass: "_1rsrm2fev" }, connectButtonBackground: { conditions: { base: "_1rsrm2fez", hover: "_1rsrm2ff0", active: "_1rsrm2ff1", selection: "_1rsrm2ff2" }, defaultClass: "_1rsrm2fez" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ff3", hover: "_1rsrm2ff4", active: "_1rsrm2ff5", selection: "_1rsrm2ff6" }, defaultClass: "_1rsrm2ff3" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ff7", hover: "_1rsrm2ff8", active: "_1rsrm2ff9", selection: "_1rsrm2ffa" }, defaultClass: "_1rsrm2ff7" }, connectButtonText: { conditions: { base: "_1rsrm2ffb", hover: "_1rsrm2ffc", active: "_1rsrm2ffd", selection: "_1rsrm2ffe" }, defaultClass: "_1rsrm2ffb" }, connectButtonTextError: { conditions: { base: "_1rsrm2fff", hover: "_1rsrm2ffg", active: "_1rsrm2ffh", selection: "_1rsrm2ffi" }, defaultClass: "_1rsrm2fff" }, connectionIndicator: { conditions: { base: "_1rsrm2ffj", hover: "_1rsrm2ffk", active: "_1rsrm2ffl", selection: "_1rsrm2ffm" }, defaultClass: "_1rsrm2ffj" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ffn", hover: "_1rsrm2ffo", active: "_1rsrm2ffp", selection: "_1rsrm2ffq" }, defaultClass: "_1rsrm2ffn" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ffr", hover: "_1rsrm2ffs", active: "_1rsrm2fft", selection: "_1rsrm2ffu" }, defaultClass: "_1rsrm2ffr" }, error: { conditions: { base: "_1rsrm2ffv", hover: "_1rsrm2ffw", active: "_1rsrm2ffx", selection: "_1rsrm2ffy" }, defaultClass: "_1rsrm2ffv" }, generalBorder: { conditions: { base: "_1rsrm2ffz", hover: "_1rsrm2fg0", active: "_1rsrm2fg1", selection: "_1rsrm2fg2" }, defaultClass: "_1rsrm2ffz" }, generalBorderDim: { conditions: { base: "_1rsrm2fg3", hover: "_1rsrm2fg4", active: "_1rsrm2fg5", selection: "_1rsrm2fg6" }, defaultClass: "_1rsrm2fg3" }, menuItemBackground: { conditions: { base: "_1rsrm2fg7", hover: "_1rsrm2fg8", active: "_1rsrm2fg9", selection: "_1rsrm2fga" }, defaultClass: "_1rsrm2fg7" }, modalText: { conditions: { base: "_1rsrm2fgb", hover: "_1rsrm2fgc", active: "_1rsrm2fgd", selection: "_1rsrm2fge" }, defaultClass: "_1rsrm2fgb" }, modalTextDim: { conditions: { base: "_1rsrm2fgf", hover: "_1rsrm2fgg", active: "_1rsrm2fgh", selection: "_1rsrm2fgi" }, defaultClass: "_1rsrm2fgf" }, modalTextSecondary: { conditions: { base: "_1rsrm2fgj", hover: "_1rsrm2fgk", active: "_1rsrm2fgl", selection: "_1rsrm2fgm" }, defaultClass: "_1rsrm2fgj" }, profileAction: { conditions: { base: "_1rsrm2fgn", hover: "_1rsrm2fgo", active: "_1rsrm2fgp", selection: "_1rsrm2fgq" }, defaultClass: "_1rsrm2fgn" }, profileActionHover: { conditions: { base: "_1rsrm2fgr", hover: "_1rsrm2fgs", active: "_1rsrm2fgt", selection: "_1rsrm2fgu" }, defaultClass: "_1rsrm2fgr" }, profileForeground: { conditions: { base: "_1rsrm2fgv", hover: "_1rsrm2fgw", active: "_1rsrm2fgx", selection: "_1rsrm2fgy" }, defaultClass: "_1rsrm2fgv" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fgz", hover: "_1rsrm2fh0", active: "_1rsrm2fh1", selection: "_1rsrm2fh2" }, defaultClass: "_1rsrm2fgz" }, standby: { conditions: { base: "_1rsrm2fh3", hover: "_1rsrm2fh4", active: "_1rsrm2fh5", selection: "_1rsrm2fh6" }, defaultClass: "_1rsrm2fh3" }, solidLine: { conditions: { base: "_1rsrm2fh7", hover: "_1rsrm2fh8", active: "_1rsrm2fh9", selection: "_1rsrm2fha" }, defaultClass: "_1rsrm2fh7" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fhb", hover: "_1rsrm2fhc", active: "_1rsrm2fhd", selection: "_1rsrm2fhe" }, defaultClass: "_1rsrm2fhb" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fhf", hover: "_1rsrm2fhg", active: "_1rsrm2fhh", selection: "_1rsrm2fhi" }, defaultClass: "_1rsrm2fhf" }, loadingBase: { conditions: { base: "_1rsrm2fhj", hover: "_1rsrm2fhk", active: "_1rsrm2fhl", selection: "_1rsrm2fhm" }, defaultClass: "_1rsrm2fhj" }, loadingAccent: { conditions: { base: "_1rsrm2fhn", hover: "_1rsrm2fho", active: "_1rsrm2fhp", selection: "_1rsrm2fhq" }, defaultClass: "_1rsrm2fhn" }, modalBackdrop: { conditions: { base: "_1rsrm2fhr", hover: "_1rsrm2fhs", active: "_1rsrm2fht", selection: "_1rsrm2fhu" }, defaultClass: "_1rsrm2fhr" }, modalBackground: { conditions: { base: "_1rsrm2fhv", hover: "_1rsrm2fhw", active: "_1rsrm2fhx", selection: "_1rsrm2fhy" }, defaultClass: "_1rsrm2fhv" }, modalBorder: { conditions: { base: "_1rsrm2fhz", hover: "_1rsrm2fi0", active: "_1rsrm2fi1", selection: "_1rsrm2fi2" }, defaultClass: "_1rsrm2fhz" }, notificationPrimary: { conditions: { base: "_1rsrm2fi3", hover: "_1rsrm2fi4", active: "_1rsrm2fi5", selection: "_1rsrm2fi6" }, defaultClass: "_1rsrm2fi3" }, textPrimary: { conditions: { base: "_1rsrm2fi7", hover: "_1rsrm2fi8", active: "_1rsrm2fi9", selection: "_1rsrm2fia" }, defaultClass: "_1rsrm2fi7" }, textSecondary: { conditions: { base: "_1rsrm2fib", hover: "_1rsrm2fic", active: "_1rsrm2fid", selection: "_1rsrm2fie" }, defaultClass: "_1rsrm2fib" }, textTertiary: { conditions: { base: "_1rsrm2fif", hover: "_1rsrm2fig", active: "_1rsrm2fih", selection: "_1rsrm2fii" }, defaultClass: "_1rsrm2fif" }, textDisabled: { conditions: { base: "_1rsrm2fij", hover: "_1rsrm2fik", active: "_1rsrm2fil", selection: "_1rsrm2fim" }, defaultClass: "_1rsrm2fij" }, textSelection: { conditions: { base: "_1rsrm2fin", hover: "_1rsrm2fio", active: "_1rsrm2fip", selection: "_1rsrm2fiq" }, defaultClass: "_1rsrm2fin" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fir", hover: "_1rsrm2fis", active: "_1rsrm2fit", selection: "_1rsrm2fiu" }, defaultClass: "_1rsrm2fir" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fiv", hover: "_1rsrm2fiw", active: "_1rsrm2fix", selection: "_1rsrm2fiy" }, defaultClass: "_1rsrm2fiv" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fiz", hover: "_1rsrm2fj0", active: "_1rsrm2fj1", selection: "_1rsrm2fj2" }, defaultClass: "_1rsrm2fiz" }, optionBackground: { conditions: { base: "_1rsrm2fj3", hover: "_1rsrm2fj4", active: "_1rsrm2fj5", selection: "_1rsrm2fj6" }, defaultClass: "_1rsrm2fj3" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fj7", hover: "_1rsrm2fj8", active: "_1rsrm2fj9", selection: "_1rsrm2fja" }, defaultClass: "_1rsrm2fj7" }, strokePrimary: { conditions: { base: "_1rsrm2fjb", hover: "_1rsrm2fjc", active: "_1rsrm2fjd", selection: "_1rsrm2fje" }, defaultClass: "_1rsrm2fjb" }, strokeSecondary: { conditions: { base: "_1rsrm2fjf", hover: "_1rsrm2fjg", active: "_1rsrm2fjh", selection: "_1rsrm2fji" }, defaultClass: "_1rsrm2fjf" }, buttonPrimary: { conditions: { base: "_1rsrm2fjj", hover: "_1rsrm2fjk", active: "_1rsrm2fjl", selection: "_1rsrm2fjm" }, defaultClass: "_1rsrm2fjj" }, buttonProcessing: { conditions: { base: "_1rsrm2fjn", hover: "_1rsrm2fjo", active: "_1rsrm2fjp", selection: "_1rsrm2fjq" }, defaultClass: "_1rsrm2fjn" }, buttonDisabled: { conditions: { base: "_1rsrm2fjr", hover: "_1rsrm2fjs", active: "_1rsrm2fjt", selection: "_1rsrm2fju" }, defaultClass: "_1rsrm2fjr" }, buttonWarning: { conditions: { base: "_1rsrm2fjv", hover: "_1rsrm2fjw", active: "_1rsrm2fjx", selection: "_1rsrm2fjy" }, defaultClass: "_1rsrm2fjv" }, buttonSuccess: { conditions: { base: "_1rsrm2fjz", hover: "_1rsrm2fk0", active: "_1rsrm2fk1", selection: "_1rsrm2fk2" }, defaultClass: "_1rsrm2fjz" }, buttonTextWarning: { conditions: { base: "_1rsrm2fk3", hover: "_1rsrm2fk4", active: "_1rsrm2fk5", selection: "_1rsrm2fk6" }, defaultClass: "_1rsrm2fk3" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fk7", hover: "_1rsrm2fk8", active: "_1rsrm2fk9", selection: "_1rsrm2fka" }, defaultClass: "_1rsrm2fk7" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fkb", hover: "_1rsrm2fkc", active: "_1rsrm2fkd", selection: "_1rsrm2fke" }, defaultClass: "_1rsrm2fkb" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fkf", hover: "_1rsrm2fkg", active: "_1rsrm2fkh", selection: "_1rsrm2fki" }, defaultClass: "_1rsrm2fkf" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fkj", hover: "_1rsrm2fkk", active: "_1rsrm2fkl", selection: "_1rsrm2fkm" }, defaultClass: "_1rsrm2fkj" }, transparent: { conditions: { base: "_1rsrm2fkn", hover: "_1rsrm2fko", active: "_1rsrm2fkp", selection: "_1rsrm2fkq" }, defaultClass: "_1rsrm2fkn" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fkr", hover: "_1rsrm2fks", active: "_1rsrm2fkt", selection: "_1rsrm2fku" }, defaultClass: "_1rsrm2fkr" }, accentColorForeground: { conditions: { base: "_1rsrm2fkv", hover: "_1rsrm2fkw", active: "_1rsrm2fkx", selection: "_1rsrm2fky" }, defaultClass: "_1rsrm2fkv" }, actionButtonBorder: { conditions: { base: "_1rsrm2fkz", hover: "_1rsrm2fl0", active: "_1rsrm2fl1", selection: "_1rsrm2fl2" }, defaultClass: "_1rsrm2fkz" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fl3", hover: "_1rsrm2fl4", active: "_1rsrm2fl5", selection: "_1rsrm2fl6" }, defaultClass: "_1rsrm2fl3" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fl7", hover: "_1rsrm2fl8", active: "_1rsrm2fl9", selection: "_1rsrm2fla" }, defaultClass: "_1rsrm2fl7" }, actionButtonDisabled: { conditions: { base: "_1rsrm2flb", hover: "_1rsrm2flc", active: "_1rsrm2fld", selection: "_1rsrm2fle" }, defaultClass: "_1rsrm2flb" }, closeButton: { conditions: { base: "_1rsrm2flf", hover: "_1rsrm2flg", active: "_1rsrm2flh", selection: "_1rsrm2fli" }, defaultClass: "_1rsrm2flf" }, closeButtonBackground: { conditions: { base: "_1rsrm2flj", hover: "_1rsrm2flk", active: "_1rsrm2fll", selection: "_1rsrm2flm" }, defaultClass: "_1rsrm2flj" }, connectButtonBackground: { conditions: { base: "_1rsrm2fln", hover: "_1rsrm2flo", active: "_1rsrm2flp", selection: "_1rsrm2flq" }, defaultClass: "_1rsrm2fln" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2flr", hover: "_1rsrm2fls", active: "_1rsrm2flt", selection: "_1rsrm2flu" }, defaultClass: "_1rsrm2flr" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2flv", hover: "_1rsrm2flw", active: "_1rsrm2flx", selection: "_1rsrm2fly" }, defaultClass: "_1rsrm2flv" }, connectButtonText: { conditions: { base: "_1rsrm2flz", hover: "_1rsrm2fm0", active: "_1rsrm2fm1", selection: "_1rsrm2fm2" }, defaultClass: "_1rsrm2flz" }, connectButtonTextError: { conditions: { base: "_1rsrm2fm3", hover: "_1rsrm2fm4", active: "_1rsrm2fm5", selection: "_1rsrm2fm6" }, defaultClass: "_1rsrm2fm3" }, connectionIndicator: { conditions: { base: "_1rsrm2fm7", hover: "_1rsrm2fm8", active: "_1rsrm2fm9", selection: "_1rsrm2fma" }, defaultClass: "_1rsrm2fm7" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fmb", hover: "_1rsrm2fmc", active: "_1rsrm2fmd", selection: "_1rsrm2fme" }, defaultClass: "_1rsrm2fmb" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fmf", hover: "_1rsrm2fmg", active: "_1rsrm2fmh", selection: "_1rsrm2fmi" }, defaultClass: "_1rsrm2fmf" }, error: { conditions: { base: "_1rsrm2fmj", hover: "_1rsrm2fmk", active: "_1rsrm2fml", selection: "_1rsrm2fmm" }, defaultClass: "_1rsrm2fmj" }, generalBorder: { conditions: { base: "_1rsrm2fmn", hover: "_1rsrm2fmo", active: "_1rsrm2fmp", selection: "_1rsrm2fmq" }, defaultClass: "_1rsrm2fmn" }, generalBorderDim: { conditions: { base: "_1rsrm2fmr", hover: "_1rsrm2fms", active: "_1rsrm2fmt", selection: "_1rsrm2fmu" }, defaultClass: "_1rsrm2fmr" }, menuItemBackground: { conditions: { base: "_1rsrm2fmv", hover: "_1rsrm2fmw", active: "_1rsrm2fmx", selection: "_1rsrm2fmy" }, defaultClass: "_1rsrm2fmv" }, modalText: { conditions: { base: "_1rsrm2fmz", hover: "_1rsrm2fn0", active: "_1rsrm2fn1", selection: "_1rsrm2fn2" }, defaultClass: "_1rsrm2fmz" }, modalTextDim: { conditions: { base: "_1rsrm2fn3", hover: "_1rsrm2fn4", active: "_1rsrm2fn5", selection: "_1rsrm2fn6" }, defaultClass: "_1rsrm2fn3" }, modalTextSecondary: { conditions: { base: "_1rsrm2fn7", hover: "_1rsrm2fn8", active: "_1rsrm2fn9", selection: "_1rsrm2fna" }, defaultClass: "_1rsrm2fn7" }, profileAction: { conditions: { base: "_1rsrm2fnb", hover: "_1rsrm2fnc", active: "_1rsrm2fnd", selection: "_1rsrm2fne" }, defaultClass: "_1rsrm2fnb" }, profileActionHover: { conditions: { base: "_1rsrm2fnf", hover: "_1rsrm2fng", active: "_1rsrm2fnh", selection: "_1rsrm2fni" }, defaultClass: "_1rsrm2fnf" }, profileForeground: { conditions: { base: "_1rsrm2fnj", hover: "_1rsrm2fnk", active: "_1rsrm2fnl", selection: "_1rsrm2fnm" }, defaultClass: "_1rsrm2fnj" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fnn", hover: "_1rsrm2fno", active: "_1rsrm2fnp", selection: "_1rsrm2fnq" }, defaultClass: "_1rsrm2fnn" }, standby: { conditions: { base: "_1rsrm2fnr", hover: "_1rsrm2fns", active: "_1rsrm2fnt", selection: "_1rsrm2fnu" }, defaultClass: "_1rsrm2fnr" }, solidLine: { conditions: { base: "_1rsrm2fnv", hover: "_1rsrm2fnw", active: "_1rsrm2fnx", selection: "_1rsrm2fny" }, defaultClass: "_1rsrm2fnv" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fnz", hover: "_1rsrm2fo0", active: "_1rsrm2fo1", selection: "_1rsrm2fo2" }, defaultClass: "_1rsrm2fnz" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fo3", hover: "_1rsrm2fo4", active: "_1rsrm2fo5", selection: "_1rsrm2fo6" }, defaultClass: "_1rsrm2fo3" }, loadingBase: { conditions: { base: "_1rsrm2fo7", hover: "_1rsrm2fo8", active: "_1rsrm2fo9", selection: "_1rsrm2foa" }, defaultClass: "_1rsrm2fo7" }, loadingAccent: { conditions: { base: "_1rsrm2fob", hover: "_1rsrm2foc", active: "_1rsrm2fod", selection: "_1rsrm2foe" }, defaultClass: "_1rsrm2fob" }, modalBackdrop: { conditions: { base: "_1rsrm2fof", hover: "_1rsrm2fog", active: "_1rsrm2foh", selection: "_1rsrm2foi" }, defaultClass: "_1rsrm2fof" }, modalBackground: { conditions: { base: "_1rsrm2foj", hover: "_1rsrm2fok", active: "_1rsrm2fol", selection: "_1rsrm2fom" }, defaultClass: "_1rsrm2foj" }, modalBorder: { conditions: { base: "_1rsrm2fon", hover: "_1rsrm2foo", active: "_1rsrm2fop", selection: "_1rsrm2foq" }, defaultClass: "_1rsrm2fon" }, notificationPrimary: { conditions: { base: "_1rsrm2for", hover: "_1rsrm2fos", active: "_1rsrm2fot", selection: "_1rsrm2fou" }, defaultClass: "_1rsrm2for" }, textPrimary: { conditions: { base: "_1rsrm2fov", hover: "_1rsrm2fow", active: "_1rsrm2fox", selection: "_1rsrm2foy" }, defaultClass: "_1rsrm2fov" }, textSecondary: { conditions: { base: "_1rsrm2foz", hover: "_1rsrm2fp0", active: "_1rsrm2fp1", selection: "_1rsrm2fp2" }, defaultClass: "_1rsrm2foz" }, textTertiary: { conditions: { base: "_1rsrm2fp3", hover: "_1rsrm2fp4", active: "_1rsrm2fp5", selection: "_1rsrm2fp6" }, defaultClass: "_1rsrm2fp3" }, textDisabled: { conditions: { base: "_1rsrm2fp7", hover: "_1rsrm2fp8", active: "_1rsrm2fp9", selection: "_1rsrm2fpa" }, defaultClass: "_1rsrm2fp7" }, textSelection: { conditions: { base: "_1rsrm2fpb", hover: "_1rsrm2fpc", active: "_1rsrm2fpd", selection: "_1rsrm2fpe" }, defaultClass: "_1rsrm2fpb" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fpf", hover: "_1rsrm2fpg", active: "_1rsrm2fph", selection: "_1rsrm2fpi" }, defaultClass: "_1rsrm2fpf" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fpj", hover: "_1rsrm2fpk", active: "_1rsrm2fpl", selection: "_1rsrm2fpm" }, defaultClass: "_1rsrm2fpj" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fpn", hover: "_1rsrm2fpo", active: "_1rsrm2fpp", selection: "_1rsrm2fpq" }, defaultClass: "_1rsrm2fpn" }, optionBackground: { conditions: { base: "_1rsrm2fpr", hover: "_1rsrm2fps", active: "_1rsrm2fpt", selection: "_1rsrm2fpu" }, defaultClass: "_1rsrm2fpr" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fpv", hover: "_1rsrm2fpw", active: "_1rsrm2fpx", selection: "_1rsrm2fpy" }, defaultClass: "_1rsrm2fpv" }, strokePrimary: { conditions: { base: "_1rsrm2fpz", hover: "_1rsrm2fq0", active: "_1rsrm2fq1", selection: "_1rsrm2fq2" }, defaultClass: "_1rsrm2fpz" }, strokeSecondary: { conditions: { base: "_1rsrm2fq3", hover: "_1rsrm2fq4", active: "_1rsrm2fq5", selection: "_1rsrm2fq6" }, defaultClass: "_1rsrm2fq3" }, buttonPrimary: { conditions: { base: "_1rsrm2fq7", hover: "_1rsrm2fq8", active: "_1rsrm2fq9", selection: "_1rsrm2fqa" }, defaultClass: "_1rsrm2fq7" }, buttonProcessing: { conditions: { base: "_1rsrm2fqb", hover: "_1rsrm2fqc", active: "_1rsrm2fqd", selection: "_1rsrm2fqe" }, defaultClass: "_1rsrm2fqb" }, buttonDisabled: { conditions: { base: "_1rsrm2fqf", hover: "_1rsrm2fqg", active: "_1rsrm2fqh", selection: "_1rsrm2fqi" }, defaultClass: "_1rsrm2fqf" }, buttonWarning: { conditions: { base: "_1rsrm2fqj", hover: "_1rsrm2fqk", active: "_1rsrm2fql", selection: "_1rsrm2fqm" }, defaultClass: "_1rsrm2fqj" }, buttonSuccess: { conditions: { base: "_1rsrm2fqn", hover: "_1rsrm2fqo", active: "_1rsrm2fqp", selection: "_1rsrm2fqq" }, defaultClass: "_1rsrm2fqn" }, buttonTextWarning: { conditions: { base: "_1rsrm2fqr", hover: "_1rsrm2fqs", active: "_1rsrm2fqt", selection: "_1rsrm2fqu" }, defaultClass: "_1rsrm2fqr" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fqv", hover: "_1rsrm2fqw", active: "_1rsrm2fqx", selection: "_1rsrm2fqy" }, defaultClass: "_1rsrm2fqv" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fqz", hover: "_1rsrm2fr0", active: "_1rsrm2fr1", selection: "_1rsrm2fr2" }, defaultClass: "_1rsrm2fqz" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fr3", hover: "_1rsrm2fr4", active: "_1rsrm2fr5", selection: "_1rsrm2fr6" }, defaultClass: "_1rsrm2fr3" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fr7", hover: "_1rsrm2fr8", active: "_1rsrm2fr9", selection: "_1rsrm2fra" }, defaultClass: "_1rsrm2fr7" }, transparent: { conditions: { base: "_1rsrm2frb", hover: "_1rsrm2frc", active: "_1rsrm2frd", selection: "_1rsrm2fre" }, defaultClass: "_1rsrm2frb" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2frf", hover: "_1rsrm2frg", active: "_1rsrm2frh", selection: "_1rsrm2fri" }, defaultClass: "_1rsrm2frf" }, dialog: { conditions: { base: "_1rsrm2frj", hover: "_1rsrm2frk", active: "_1rsrm2frl", selection: "_1rsrm2frm" }, defaultClass: "_1rsrm2frj" }, profileDetailsAction: { conditions: { base: "_1rsrm2frn", hover: "_1rsrm2fro", active: "_1rsrm2frp", selection: "_1rsrm2frq" }, defaultClass: "_1rsrm2frn" }, selectedOption: { conditions: { base: "_1rsrm2frr", hover: "_1rsrm2frs", active: "_1rsrm2frt", selection: "_1rsrm2fru" }, defaultClass: "_1rsrm2frr" }, selectedWallet: { conditions: { base: "_1rsrm2frv", hover: "_1rsrm2frw", active: "_1rsrm2frx", selection: "_1rsrm2fry" }, defaultClass: "_1rsrm2frv" }, walletLogo: { conditions: { base: "_1rsrm2frz", hover: "_1rsrm2fs0", active: "_1rsrm2fs1", selection: "_1rsrm2fs2" }, defaultClass: "_1rsrm2frz" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fs3", hover: "_1rsrm2fs4", active: "_1rsrm2fs5", selection: "_1rsrm2fs6" }, defaultClass: "_1rsrm2fs3" }, accentColorForeground: { conditions: { base: "_1rsrm2fs7", hover: "_1rsrm2fs8", active: "_1rsrm2fs9", selection: "_1rsrm2fsa" }, defaultClass: "_1rsrm2fs7" }, actionButtonBorder: { conditions: { base: "_1rsrm2fsb", hover: "_1rsrm2fsc", active: "_1rsrm2fsd", selection: "_1rsrm2fse" }, defaultClass: "_1rsrm2fsb" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fsf", hover: "_1rsrm2fsg", active: "_1rsrm2fsh", selection: "_1rsrm2fsi" }, defaultClass: "_1rsrm2fsf" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fsj", hover: "_1rsrm2fsk", active: "_1rsrm2fsl", selection: "_1rsrm2fsm" }, defaultClass: "_1rsrm2fsj" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fsn", hover: "_1rsrm2fso", active: "_1rsrm2fsp", selection: "_1rsrm2fsq" }, defaultClass: "_1rsrm2fsn" }, closeButton: { conditions: { base: "_1rsrm2fsr", hover: "_1rsrm2fss", active: "_1rsrm2fst", selection: "_1rsrm2fsu" }, defaultClass: "_1rsrm2fsr" }, closeButtonBackground: { conditions: { base: "_1rsrm2fsv", hover: "_1rsrm2fsw", active: "_1rsrm2fsx", selection: "_1rsrm2fsy" }, defaultClass: "_1rsrm2fsv" }, connectButtonBackground: { conditions: { base: "_1rsrm2fsz", hover: "_1rsrm2ft0", active: "_1rsrm2ft1", selection: "_1rsrm2ft2" }, defaultClass: "_1rsrm2fsz" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6" }, defaultClass: "_1rsrm2ft3" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ft7", hover: "_1rsrm2ft8", active: "_1rsrm2ft9", selection: "_1rsrm2fta" }, defaultClass: "_1rsrm2ft7" }, connectButtonText: { conditions: { base: "_1rsrm2ftb", hover: "_1rsrm2ftc", active: "_1rsrm2ftd", selection: "_1rsrm2fte" }, defaultClass: "_1rsrm2ftb" }, connectButtonTextError: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti" }, defaultClass: "_1rsrm2ftf" }, connectionIndicator: { conditions: { base: "_1rsrm2ftj", hover: "_1rsrm2ftk", active: "_1rsrm2ftl", selection: "_1rsrm2ftm" }, defaultClass: "_1rsrm2ftj" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ftn", hover: "_1rsrm2fto", active: "_1rsrm2ftp", selection: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftn" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu" }, defaultClass: "_1rsrm2ftr" }, error: { conditions: { base: "_1rsrm2ftv", hover: "_1rsrm2ftw", active: "_1rsrm2ftx", selection: "_1rsrm2fty" }, defaultClass: "_1rsrm2ftv" }, generalBorder: { conditions: { base: "_1rsrm2ftz", hover: "_1rsrm2fu0", active: "_1rsrm2fu1", selection: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftz" }, generalBorderDim: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6" }, defaultClass: "_1rsrm2fu3" }, menuItemBackground: { conditions: { base: "_1rsrm2fu7", hover: "_1rsrm2fu8", active: "_1rsrm2fu9", selection: "_1rsrm2fua" }, defaultClass: "_1rsrm2fu7" }, modalText: { conditions: { base: "_1rsrm2fub", hover: "_1rsrm2fuc", active: "_1rsrm2fud", selection: "_1rsrm2fue" }, defaultClass: "_1rsrm2fub" }, modalTextDim: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui" }, defaultClass: "_1rsrm2fuf" }, modalTextSecondary: { conditions: { base: "_1rsrm2fuj", hover: "_1rsrm2fuk", active: "_1rsrm2ful", selection: "_1rsrm2fum" }, defaultClass: "_1rsrm2fuj" }, profileAction: { conditions: { base: "_1rsrm2fun", hover: "_1rsrm2fuo", active: "_1rsrm2fup", selection: "_1rsrm2fuq" }, defaultClass: "_1rsrm2fun" }, profileActionHover: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu" }, defaultClass: "_1rsrm2fur" }, profileForeground: { conditions: { base: "_1rsrm2fuv", hover: "_1rsrm2fuw", active: "_1rsrm2fux", selection: "_1rsrm2fuy" }, defaultClass: "_1rsrm2fuv" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fuz", hover: "_1rsrm2fv0", active: "_1rsrm2fv1", selection: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fuz" }, standby: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6" }, defaultClass: "_1rsrm2fv3" }, solidLine: { conditions: { base: "_1rsrm2fv7", hover: "_1rsrm2fv8", active: "_1rsrm2fv9", selection: "_1rsrm2fva" }, defaultClass: "_1rsrm2fv7" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fvb", hover: "_1rsrm2fvc", active: "_1rsrm2fvd", selection: "_1rsrm2fve" }, defaultClass: "_1rsrm2fvb" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi" }, defaultClass: "_1rsrm2fvf" }, loadingBase: { conditions: { base: "_1rsrm2fvj", hover: "_1rsrm2fvk", active: "_1rsrm2fvl", selection: "_1rsrm2fvm" }, defaultClass: "_1rsrm2fvj" }, loadingAccent: { conditions: { base: "_1rsrm2fvn", hover: "_1rsrm2fvo", active: "_1rsrm2fvp", selection: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvn" }, modalBackdrop: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu" }, defaultClass: "_1rsrm2fvr" }, modalBackground: { conditions: { base: "_1rsrm2fvv", hover: "_1rsrm2fvw", active: "_1rsrm2fvx", selection: "_1rsrm2fvy" }, defaultClass: "_1rsrm2fvv" }, modalBorder: { conditions: { base: "_1rsrm2fvz", hover: "_1rsrm2fw0", active: "_1rsrm2fw1", selection: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvz" }, notificationPrimary: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6" }, defaultClass: "_1rsrm2fw3" }, textPrimary: { conditions: { base: "_1rsrm2fw7", hover: "_1rsrm2fw8", active: "_1rsrm2fw9", selection: "_1rsrm2fwa" }, defaultClass: "_1rsrm2fw7" }, textSecondary: { conditions: { base: "_1rsrm2fwb", hover: "_1rsrm2fwc", active: "_1rsrm2fwd", selection: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fwb" }, textTertiary: { conditions: { base: "_1rsrm2fwf", hover: "_1rsrm2fwg", active: "_1rsrm2fwh", selection: "_1rsrm2fwi" }, defaultClass: "_1rsrm2fwf" }, textDisabled: { conditions: { base: "_1rsrm2fwj", hover: "_1rsrm2fwk", active: "_1rsrm2fwl", selection: "_1rsrm2fwm" }, defaultClass: "_1rsrm2fwj" }, textSelection: { conditions: { base: "_1rsrm2fwn", hover: "_1rsrm2fwo", active: "_1rsrm2fwp", selection: "_1rsrm2fwq" }, defaultClass: "_1rsrm2fwn" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fwr", hover: "_1rsrm2fws", active: "_1rsrm2fwt", selection: "_1rsrm2fwu" }, defaultClass: "_1rsrm2fwr" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fwv", hover: "_1rsrm2fww", active: "_1rsrm2fwx", selection: "_1rsrm2fwy" }, defaultClass: "_1rsrm2fwv" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fwz", hover: "_1rsrm2fx0", active: "_1rsrm2fx1", selection: "_1rsrm2fx2" }, defaultClass: "_1rsrm2fwz" }, optionBackground: { conditions: { base: "_1rsrm2fx3", hover: "_1rsrm2fx4", active: "_1rsrm2fx5", selection: "_1rsrm2fx6" }, defaultClass: "_1rsrm2fx3" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fx7", hover: "_1rsrm2fx8", active: "_1rsrm2fx9", selection: "_1rsrm2fxa" }, defaultClass: "_1rsrm2fx7" }, strokePrimary: { conditions: { base: "_1rsrm2fxb", hover: "_1rsrm2fxc", active: "_1rsrm2fxd", selection: "_1rsrm2fxe" }, defaultClass: "_1rsrm2fxb" }, strokeSecondary: { conditions: { base: "_1rsrm2fxf", hover: "_1rsrm2fxg", active: "_1rsrm2fxh", selection: "_1rsrm2fxi" }, defaultClass: "_1rsrm2fxf" }, buttonPrimary: { conditions: { base: "_1rsrm2fxj", hover: "_1rsrm2fxk", active: "_1rsrm2fxl", selection: "_1rsrm2fxm" }, defaultClass: "_1rsrm2fxj" }, buttonProcessing: { conditions: { base: "_1rsrm2fxn", hover: "_1rsrm2fxo", active: "_1rsrm2fxp", selection: "_1rsrm2fxq" }, defaultClass: "_1rsrm2fxn" }, buttonDisabled: { conditions: { base: "_1rsrm2fxr", hover: "_1rsrm2fxs", active: "_1rsrm2fxt", selection: "_1rsrm2fxu" }, defaultClass: "_1rsrm2fxr" }, buttonWarning: { conditions: { base: "_1rsrm2fxv", hover: "_1rsrm2fxw", active: "_1rsrm2fxx", selection: "_1rsrm2fxy" }, defaultClass: "_1rsrm2fxv" }, buttonSuccess: { conditions: { base: "_1rsrm2fxz", hover: "_1rsrm2fy0", active: "_1rsrm2fy1", selection: "_1rsrm2fy2" }, defaultClass: "_1rsrm2fxz" }, buttonTextWarning: { conditions: { base: "_1rsrm2fy3", hover: "_1rsrm2fy4", active: "_1rsrm2fy5", selection: "_1rsrm2fy6" }, defaultClass: "_1rsrm2fy3" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fy7", hover: "_1rsrm2fy8", active: "_1rsrm2fy9", selection: "_1rsrm2fya" }, defaultClass: "_1rsrm2fy7" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fyb", hover: "_1rsrm2fyc", active: "_1rsrm2fyd", selection: "_1rsrm2fye" }, defaultClass: "_1rsrm2fyb" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fyf", hover: "_1rsrm2fyg", active: "_1rsrm2fyh", selection: "_1rsrm2fyi" }, defaultClass: "_1rsrm2fyf" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fyj", hover: "_1rsrm2fyk", active: "_1rsrm2fyl", selection: "_1rsrm2fym" }, defaultClass: "_1rsrm2fyj" }, transparent: { conditions: { base: "_1rsrm2fyn", hover: "_1rsrm2fyo", active: "_1rsrm2fyp", selection: "_1rsrm2fyq" }, defaultClass: "_1rsrm2fyn" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "6": { defaultClass: "_1rsrm2fj" }, "10": { defaultClass: "_1rsrm2fk" }, "13": { defaultClass: "_1rsrm2fl" }, "16": { defaultClass: "_1rsrm2fm" }, "24": { defaultClass: "_1rsrm2fn" }, actionButton: { defaultClass: "_1rsrm2fo" }, connectButton: { defaultClass: "_1rsrm2fp" }, menuButton: { defaultClass: "_1rsrm2fq" }, modal: { defaultClass: "_1rsrm2fr" }, modalMobile: { defaultClass: "_1rsrm2fs" }, "25%": { defaultClass: "_1rsrm2ft" }, full: { defaultClass: "_1rsrm2fu" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2fv" }, dotted: { defaultClass: "_1rsrm2fw" }, hidden: { defaultClass: "_1rsrm2fx" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2fy" }, "1": { defaultClass: "_1rsrm2fz" }, "2": { defaultClass: "_1rsrm2f10" }, "4": { defaultClass: "_1rsrm2f11" }, "0.5": { defaultClass: "_1rsrm2f12" } } }, cursor: { values: { pointer: { defaultClass: "_1rsrm2f13" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f14" }, column: { defaultClass: "_1rsrm2f15" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f16" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f17" }, "12": { defaultClass: "_1rsrm2f18" }, "13": { defaultClass: "_1rsrm2f19" }, "14": { defaultClass: "_1rsrm2f1a" }, "16": { defaultClass: "_1rsrm2f1b" }, "18": { defaultClass: "_1rsrm2f1c" }, "20": { defaultClass: "_1rsrm2f1d" }, "23": { defaultClass: "_1rsrm2f1e" }, "57": { defaultClass: "_1rsrm2f1f" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1g" }, medium: { defaultClass: "_1rsrm2f1h" }, semibold: { defaultClass: "_1rsrm2f1i" }, bold: { defaultClass: "_1rsrm2f1j" }, heavy: { defaultClass: "_1rsrm2f1k" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1l" }, "1": { defaultClass: "_1rsrm2f1m" }, "2": { defaultClass: "_1rsrm2f1n" }, "3": { defaultClass: "_1rsrm2f1o" }, "4": { defaultClass: "_1rsrm2f1p" }, "5": { defaultClass: "_1rsrm2f1q" }, "6": { defaultClass: "_1rsrm2f1r" }, "8": { defaultClass: "_1rsrm2f1s" }, "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "14": { defaultClass: "_1rsrm2f1v" }, "16": { defaultClass: "_1rsrm2f1w" }, "18": { defaultClass: "_1rsrm2f1x" }, "20": { defaultClass: "_1rsrm2f1y" }, "24": { defaultClass: "_1rsrm2f1z" }, "28": { defaultClass: "_1rsrm2f20" }, "30": { defaultClass: "_1rsrm2f21" }, "32": { defaultClass: "_1rsrm2f22" }, "36": { defaultClass: "_1rsrm2f23" }, "44": { defaultClass: "_1rsrm2f24" }, "64": { defaultClass: "_1rsrm2f25" }, "-1": { defaultClass: "_1rsrm2f26" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f27" }, "2": { defaultClass: "_1rsrm2f28" }, "4": { defaultClass: "_1rsrm2f29" }, "8": { defaultClass: "_1rsrm2f2a" }, "10": { defaultClass: "_1rsrm2f2b" }, "12": { defaultClass: "_1rsrm2f2c" }, "14": { defaultClass: "_1rsrm2f2d" }, "16": { defaultClass: "_1rsrm2f2e" }, "20": { defaultClass: "_1rsrm2f2f" }, "24": { defaultClass: "_1rsrm2f2g" }, "28": { defaultClass: "_1rsrm2f2h" }, "30": { defaultClass: "_1rsrm2f2i" }, "32": { defaultClass: "_1rsrm2f2j" }, "34": { defaultClass: "_1rsrm2f2k" }, "36": { defaultClass: "_1rsrm2f2l" }, "40": { defaultClass: "_1rsrm2f2m" }, "44": { defaultClass: "_1rsrm2f2n" }, "48": { defaultClass: "_1rsrm2f2o" }, "50": { defaultClass: "_1rsrm2f2p" }, "54": { defaultClass: "_1rsrm2f2q" }, "60": { defaultClass: "_1rsrm2f2r" }, "93": { defaultClass: "_1rsrm2f2s" }, "100": { defaultClass: "_1rsrm2f2t" }, "108": { defaultClass: "_1rsrm2f2u" }, "162": { defaultClass: "_1rsrm2f2v" }, "192": { defaultClass: "_1rsrm2f2w" }, "200": { defaultClass: "_1rsrm2f2x" }, "210": { defaultClass: "_1rsrm2f2y" }, "220": { defaultClass: "_1rsrm2f2z" }, "230": { defaultClass: "_1rsrm2f30" }, "240": { defaultClass: "_1rsrm2f31" }, "256": { defaultClass: "_1rsrm2f32" }, "320": { defaultClass: "_1rsrm2f33" }, "400": { defaultClass: "_1rsrm2f34" }, "440": { defaultClass: "_1rsrm2f35" }, "600": { defaultClass: "_1rsrm2f36" }, half: { defaultClass: "_1rsrm2f37" }, full: { defaultClass: "_1rsrm2f38" }, max: { defaultClass: "_1rsrm2f39" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3a" }, "flex-end": { defaultClass: "_1rsrm2f3b" }, center: { defaultClass: "_1rsrm2f3c" }, "space-between": { defaultClass: "_1rsrm2f3d" }, "space-around": { defaultClass: "_1rsrm2f3e" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3f" }, center: { defaultClass: "_1rsrm2f3g" }, right: { defaultClass: "_1rsrm2f3h" }, inherit: { defaultClass: "_1rsrm2f3i" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3j" }, "1": { defaultClass: "_1rsrm2f3k" }, "2": { defaultClass: "_1rsrm2f3l" }, "3": { defaultClass: "_1rsrm2f3m" }, "4": { defaultClass: "_1rsrm2f3n" }, "5": { defaultClass: "_1rsrm2f3o" }, "6": { defaultClass: "_1rsrm2f3p" }, "8": { defaultClass: "_1rsrm2f3q" }, "10": { defaultClass: "_1rsrm2f3r" }, "12": { defaultClass: "_1rsrm2f3s" }, "14": { defaultClass: "_1rsrm2f3t" }, "16": { defaultClass: "_1rsrm2f3u" }, "18": { defaultClass: "_1rsrm2f3v" }, "20": { defaultClass: "_1rsrm2f3w" }, "24": { defaultClass: "_1rsrm2f3x" }, "28": { defaultClass: "_1rsrm2f3y" }, "30": { defaultClass: "_1rsrm2f3z" }, "32": { defaultClass: "_1rsrm2f40" }, "36": { defaultClass: "_1rsrm2f41" }, "44": { defaultClass: "_1rsrm2f42" }, "64": { defaultClass: "_1rsrm2f43" }, "-1": { defaultClass: "_1rsrm2f44" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f45" }, "1": { defaultClass: "_1rsrm2f46" }, "2": { defaultClass: "_1rsrm2f47" }, "3": { defaultClass: "_1rsrm2f48" }, "4": { defaultClass: "_1rsrm2f49" }, "5": { defaultClass: "_1rsrm2f4a" }, "6": { defaultClass: "_1rsrm2f4b" }, "8": { defaultClass: "_1rsrm2f4c" }, "10": { defaultClass: "_1rsrm2f4d" }, "12": { defaultClass: "_1rsrm2f4e" }, "14": { defaultClass: "_1rsrm2f4f" }, "16": { defaultClass: "_1rsrm2f4g" }, "18": { defaultClass: "_1rsrm2f4h" }, "20": { defaultClass: "_1rsrm2f4i" }, "24": { defaultClass: "_1rsrm2f4j" }, "28": { defaultClass: "_1rsrm2f4k" }, "30": { defaultClass: "_1rsrm2f4l" }, "32": { defaultClass: "_1rsrm2f4m" }, "36": { defaultClass: "_1rsrm2f4n" }, "44": { defaultClass: "_1rsrm2f4o" }, "64": { defaultClass: "_1rsrm2f4p" }, "-1": { defaultClass: "_1rsrm2f4q" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4r" }, "1": { defaultClass: "_1rsrm2f4s" }, "2": { defaultClass: "_1rsrm2f4t" }, "3": { defaultClass: "_1rsrm2f4u" }, "4": { defaultClass: "_1rsrm2f4v" }, "5": { defaultClass: "_1rsrm2f4w" }, "6": { defaultClass: "_1rsrm2f4x" }, "8": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "12": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "16": { defaultClass: "_1rsrm2f52" }, "18": { defaultClass: "_1rsrm2f53" }, "20": { defaultClass: "_1rsrm2f54" }, "24": { defaultClass: "_1rsrm2f55" }, "28": { defaultClass: "_1rsrm2f56" }, "30": { defaultClass: "_1rsrm2f57" }, "32": { defaultClass: "_1rsrm2f58" }, "36": { defaultClass: "_1rsrm2f59" }, "44": { defaultClass: "_1rsrm2f5a" }, "64": { defaultClass: "_1rsrm2f5b" }, "-1": { defaultClass: "_1rsrm2f5c" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f5d" }, "1": { defaultClass: "_1rsrm2f5e" }, "2": { defaultClass: "_1rsrm2f5f" }, "3": { defaultClass: "_1rsrm2f5g" }, "4": { defaultClass: "_1rsrm2f5h" }, "5": { defaultClass: "_1rsrm2f5i" }, "6": { defaultClass: "_1rsrm2f5j" }, "8": { defaultClass: "_1rsrm2f5k" }, "10": { defaultClass: "_1rsrm2f5l" }, "12": { defaultClass: "_1rsrm2f5m" }, "14": { defaultClass: "_1rsrm2f5n" }, "16": { defaultClass: "_1rsrm2f5o" }, "18": { defaultClass: "_1rsrm2f5p" }, "20": { defaultClass: "_1rsrm2f5q" }, "24": { defaultClass: "_1rsrm2f5r" }, "28": { defaultClass: "_1rsrm2f5s" }, "30": { defaultClass: "_1rsrm2f5t" }, "32": { defaultClass: "_1rsrm2f5u" }, "36": { defaultClass: "_1rsrm2f5v" }, "44": { defaultClass: "_1rsrm2f5w" }, "64": { defaultClass: "_1rsrm2f5x" }, "-1": { defaultClass: "_1rsrm2f5y" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5z" }, "2": { defaultClass: "_1rsrm2f60" }, "4": { defaultClass: "_1rsrm2f61" }, "8": { defaultClass: "_1rsrm2f62" }, "10": { defaultClass: "_1rsrm2f63" }, "12": { defaultClass: "_1rsrm2f64" }, "14": { defaultClass: "_1rsrm2f65" }, "16": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "34": { defaultClass: "_1rsrm2f6c" }, "36": { defaultClass: "_1rsrm2f6d" }, "40": { defaultClass: "_1rsrm2f6e" }, "44": { defaultClass: "_1rsrm2f6f" }, "48": { defaultClass: "_1rsrm2f6g" }, "50": { defaultClass: "_1rsrm2f6h" }, "54": { defaultClass: "_1rsrm2f6i" }, "60": { defaultClass: "_1rsrm2f6j" }, "93": { defaultClass: "_1rsrm2f6k" }, "100": { defaultClass: "_1rsrm2f6l" }, "108": { defaultClass: "_1rsrm2f6m" }, "162": { defaultClass: "_1rsrm2f6n" }, "192": { defaultClass: "_1rsrm2f6o" }, "200": { defaultClass: "_1rsrm2f6p" }, "210": { defaultClass: "_1rsrm2f6q" }, "220": { defaultClass: "_1rsrm2f6r" }, "230": { defaultClass: "_1rsrm2f6s" }, "240": { defaultClass: "_1rsrm2f6t" }, "256": { defaultClass: "_1rsrm2f6u" }, "320": { defaultClass: "_1rsrm2f6v" }, "400": { defaultClass: "_1rsrm2f6w" }, "440": { defaultClass: "_1rsrm2f6x" }, "600": { defaultClass: "_1rsrm2f6y" }, half: { defaultClass: "_1rsrm2f6z" }, full: { defaultClass: "_1rsrm2f70" }, max: { defaultClass: "_1rsrm2f71" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f72" }, "2": { defaultClass: "_1rsrm2f73" }, "4": { defaultClass: "_1rsrm2f74" }, "8": { defaultClass: "_1rsrm2f75" }, "10": { defaultClass: "_1rsrm2f76" }, "12": { defaultClass: "_1rsrm2f77" }, "14": { defaultClass: "_1rsrm2f78" }, "16": { defaultClass: "_1rsrm2f79" }, "20": { defaultClass: "_1rsrm2f7a" }, "24": { defaultClass: "_1rsrm2f7b" }, "28": { defaultClass: "_1rsrm2f7c" }, "30": { defaultClass: "_1rsrm2f7d" }, "32": { defaultClass: "_1rsrm2f7e" }, "34": { defaultClass: "_1rsrm2f7f" }, "36": { defaultClass: "_1rsrm2f7g" }, "40": { defaultClass: "_1rsrm2f7h" }, "44": { defaultClass: "_1rsrm2f7i" }, "48": { defaultClass: "_1rsrm2f7j" }, "50": { defaultClass: "_1rsrm2f7k" }, "54": { defaultClass: "_1rsrm2f7l" }, "60": { defaultClass: "_1rsrm2f7m" }, "93": { defaultClass: "_1rsrm2f7n" }, "100": { defaultClass: "_1rsrm2f7o" }, "108": { defaultClass: "_1rsrm2f7p" }, "162": { defaultClass: "_1rsrm2f7q" }, "192": { defaultClass: "_1rsrm2f7r" }, "200": { defaultClass: "_1rsrm2f7s" }, "210": { defaultClass: "_1rsrm2f7t" }, "220": { defaultClass: "_1rsrm2f7u" }, "230": { defaultClass: "_1rsrm2f7v" }, "240": { defaultClass: "_1rsrm2f7w" }, "256": { defaultClass: "_1rsrm2f7x" }, "320": { defaultClass: "_1rsrm2f7y" }, "400": { defaultClass: "_1rsrm2f7z" }, "440": { defaultClass: "_1rsrm2f80" }, "600": { defaultClass: "_1rsrm2f81" }, half: { defaultClass: "_1rsrm2f82" }, full: { defaultClass: "_1rsrm2f83" }, max: { defaultClass: "_1rsrm2f84" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f85" }, "2": { defaultClass: "_1rsrm2f86" }, "4": { defaultClass: "_1rsrm2f87" }, "8": { defaultClass: "_1rsrm2f88" }, "10": { defaultClass: "_1rsrm2f89" }, "12": { defaultClass: "_1rsrm2f8a" }, "14": { defaultClass: "_1rsrm2f8b" }, "16": { defaultClass: "_1rsrm2f8c" }, "20": { defaultClass: "_1rsrm2f8d" }, "24": { defaultClass: "_1rsrm2f8e" }, "28": { defaultClass: "_1rsrm2f8f" }, "30": { defaultClass: "_1rsrm2f8g" }, "32": { defaultClass: "_1rsrm2f8h" }, "34": { defaultClass: "_1rsrm2f8i" }, "36": { defaultClass: "_1rsrm2f8j" }, "40": { defaultClass: "_1rsrm2f8k" }, "44": { defaultClass: "_1rsrm2f8l" }, "48": { defaultClass: "_1rsrm2f8m" }, "50": { defaultClass: "_1rsrm2f8n" }, "54": { defaultClass: "_1rsrm2f8o" }, "60": { defaultClass: "_1rsrm2f8p" }, "93": { defaultClass: "_1rsrm2f8q" }, "100": { defaultClass: "_1rsrm2f8r" }, "108": { defaultClass: "_1rsrm2f8s" }, "162": { defaultClass: "_1rsrm2f8t" }, "192": { defaultClass: "_1rsrm2f8u" }, "200": { defaultClass: "_1rsrm2f8v" }, "210": { defaultClass: "_1rsrm2f8w" }, "220": { defaultClass: "_1rsrm2f8x" }, "230": { defaultClass: "_1rsrm2f8y" }, "240": { defaultClass: "_1rsrm2f8z" }, "256": { defaultClass: "_1rsrm2f90" }, "320": { defaultClass: "_1rsrm2f91" }, "400": { defaultClass: "_1rsrm2f92" }, "440": { defaultClass: "_1rsrm2f93" }, "600": { defaultClass: "_1rsrm2f94" }, half: { defaultClass: "_1rsrm2f95" }, full: { defaultClass: "_1rsrm2f96" }, max: { defaultClass: "_1rsrm2f97" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f98" }, "2": { defaultClass: "_1rsrm2f99" }, "4": { defaultClass: "_1rsrm2f9a" }, "8": { defaultClass: "_1rsrm2f9b" }, "10": { defaultClass: "_1rsrm2f9c" }, "12": { defaultClass: "_1rsrm2f9d" }, "14": { defaultClass: "_1rsrm2f9e" }, "16": { defaultClass: "_1rsrm2f9f" }, "20": { defaultClass: "_1rsrm2f9g" }, "24": { defaultClass: "_1rsrm2f9h" }, "28": { defaultClass: "_1rsrm2f9i" }, "30": { defaultClass: "_1rsrm2f9j" }, "32": { defaultClass: "_1rsrm2f9k" }, "34": { defaultClass: "_1rsrm2f9l" }, "36": { defaultClass: "_1rsrm2f9m" }, "40": { defaultClass: "_1rsrm2f9n" }, "44": { defaultClass: "_1rsrm2f9o" }, "48": { defaultClass: "_1rsrm2f9p" }, "50": { defaultClass: "_1rsrm2f9q" }, "54": { defaultClass: "_1rsrm2f9r" }, "60": { defaultClass: "_1rsrm2f9s" }, "93": { defaultClass: "_1rsrm2f9t" }, "100": { defaultClass: "_1rsrm2f9u" }, "108": { defaultClass: "_1rsrm2f9v" }, "162": { defaultClass: "_1rsrm2f9w" }, "192": { defaultClass: "_1rsrm2f9x" }, "200": { defaultClass: "_1rsrm2f9y" }, "210": { defaultClass: "_1rsrm2f9z" }, "220": { defaultClass: "_1rsrm2fa0" }, "230": { defaultClass: "_1rsrm2fa1" }, "240": { defaultClass: "_1rsrm2fa2" }, "256": { defaultClass: "_1rsrm2fa3" }, "320": { defaultClass: "_1rsrm2fa4" }, "400": { defaultClass: "_1rsrm2fa5" }, "440": { defaultClass: "_1rsrm2fa6" }, "600": { defaultClass: "_1rsrm2fa7" }, half: { defaultClass: "_1rsrm2fa8" }, full: { defaultClass: "_1rsrm2fa9" }, max: { defaultClass: "_1rsrm2faa" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fab" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fac" }, "1": { defaultClass: "_1rsrm2fad" }, "2": { defaultClass: "_1rsrm2fae" }, "3": { defaultClass: "_1rsrm2faf" }, "4": { defaultClass: "_1rsrm2fag" }, "5": { defaultClass: "_1rsrm2fah" }, "6": { defaultClass: "_1rsrm2fai" }, "8": { defaultClass: "_1rsrm2faj" }, "10": { defaultClass: "_1rsrm2fak" }, "12": { defaultClass: "_1rsrm2fal" }, "14": { defaultClass: "_1rsrm2fam" }, "16": { defaultClass: "_1rsrm2fan" }, "18": { defaultClass: "_1rsrm2fao" }, "20": { defaultClass: "_1rsrm2fap" }, "24": { defaultClass: "_1rsrm2faq" }, "28": { defaultClass: "_1rsrm2far" }, "30": { defaultClass: "_1rsrm2fas" }, "32": { defaultClass: "_1rsrm2fat" }, "36": { defaultClass: "_1rsrm2fau" }, "44": { defaultClass: "_1rsrm2fav" }, "64": { defaultClass: "_1rsrm2faw" }, "-1": { defaultClass: "_1rsrm2fax" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fay" }, "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "3": { defaultClass: "_1rsrm2fb1" }, "4": { defaultClass: "_1rsrm2fb2" }, "5": { defaultClass: "_1rsrm2fb3" }, "6": { defaultClass: "_1rsrm2fb4" }, "8": { defaultClass: "_1rsrm2fb5" }, "10": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "14": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "36": { defaultClass: "_1rsrm2fbg" }, "44": { defaultClass: "_1rsrm2fbh" }, "64": { defaultClass: "_1rsrm2fbi" }, "-1": { defaultClass: "_1rsrm2fbj" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fbk" }, "1": { defaultClass: "_1rsrm2fbl" }, "2": { defaultClass: "_1rsrm2fbm" }, "3": { defaultClass: "_1rsrm2fbn" }, "4": { defaultClass: "_1rsrm2fbo" }, "5": { defaultClass: "_1rsrm2fbp" }, "6": { defaultClass: "_1rsrm2fbq" }, "8": { defaultClass: "_1rsrm2fbr" }, "10": { defaultClass: "_1rsrm2fbs" }, "12": { defaultClass: "_1rsrm2fbt" }, "14": { defaultClass: "_1rsrm2fbu" }, "16": { defaultClass: "_1rsrm2fbv" }, "18": { defaultClass: "_1rsrm2fbw" }, "20": { defaultClass: "_1rsrm2fbx" }, "24": { defaultClass: "_1rsrm2fby" }, "28": { defaultClass: "_1rsrm2fbz" }, "30": { defaultClass: "_1rsrm2fc0" }, "32": { defaultClass: "_1rsrm2fc1" }, "36": { defaultClass: "_1rsrm2fc2" }, "44": { defaultClass: "_1rsrm2fc3" }, "64": { defaultClass: "_1rsrm2fc4" }, "-1": { defaultClass: "_1rsrm2fc5" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fc6" }, "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "3": { defaultClass: "_1rsrm2fc9" }, "4": { defaultClass: "_1rsrm2fca" }, "5": { defaultClass: "_1rsrm2fcb" }, "6": { defaultClass: "_1rsrm2fcc" }, "8": { defaultClass: "_1rsrm2fcd" }, "10": { defaultClass: "_1rsrm2fce" }, "12": { defaultClass: "_1rsrm2fcf" }, "14": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "36": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "64": { defaultClass: "_1rsrm2fcq" }, "-1": { defaultClass: "_1rsrm2fcr" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fcs" }, fixed: { defaultClass: "_1rsrm2fct" }, relative: { defaultClass: "_1rsrm2fcu" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fcv" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fcw" }, transform: { defaultClass: "_1rsrm2fcx" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcy" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcz" }, "2": { defaultClass: "_1rsrm2fd0" }, "4": { defaultClass: "_1rsrm2fd1" }, "8": { defaultClass: "_1rsrm2fd2" }, "10": { defaultClass: "_1rsrm2fd3" }, "12": { defaultClass: "_1rsrm2fd4" }, "14": { defaultClass: "_1rsrm2fd5" }, "16": { defaultClass: "_1rsrm2fd6" }, "20": { defaultClass: "_1rsrm2fd7" }, "24": { defaultClass: "_1rsrm2fd8" }, "28": { defaultClass: "_1rsrm2fd9" }, "30": { defaultClass: "_1rsrm2fda" }, "32": { defaultClass: "_1rsrm2fdb" }, "34": { defaultClass: "_1rsrm2fdc" }, "36": { defaultClass: "_1rsrm2fdd" }, "40": { defaultClass: "_1rsrm2fde" }, "44": { defaultClass: "_1rsrm2fdf" }, "48": { defaultClass: "_1rsrm2fdg" }, "50": { defaultClass: "_1rsrm2fdh" }, "54": { defaultClass: "_1rsrm2fdi" }, "60": { defaultClass: "_1rsrm2fdj" }, "93": { defaultClass: "_1rsrm2fdk" }, "100": { defaultClass: "_1rsrm2fdl" }, "108": { defaultClass: "_1rsrm2fdm" }, "162": { defaultClass: "_1rsrm2fdn" }, "192": { defaultClass: "_1rsrm2fdo" }, "200": { defaultClass: "_1rsrm2fdp" }, "210": { defaultClass: "_1rsrm2fdq" }, "220": { defaultClass: "_1rsrm2fdr" }, "230": { defaultClass: "_1rsrm2fds" }, "240": { defaultClass: "_1rsrm2fdt" }, "256": { defaultClass: "_1rsrm2fdu" }, "320": { defaultClass: "_1rsrm2fdv" }, "400": { defaultClass: "_1rsrm2fdw" }, "440": { defaultClass: "_1rsrm2fdx" }, "600": { defaultClass: "_1rsrm2fdy" }, half: { defaultClass: "_1rsrm2fdz" }, full: { defaultClass: "_1rsrm2fe0" }, max: { defaultClass: "_1rsrm2fe1" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fe2" } } } } });
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)", optionBackground: "var(--rk-colors-optionBackground)", optionBackgroundSecondary: "var(--rk-colors-optionBackgroundSecondary)", 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)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextWarning: "var(--rk-colors-buttonTextWarning)", buttonTextSuccess: "var(--rk-colors-buttonTextSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)" }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
25
25
 
26
26
  // src/css/touchableStyles.css.ts
27
27
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
28
- var base = "_7rkubb3 _1rsrm2fct";
28
+ var base = "_7rkubb3 _1rsrm2fcu";
29
29
  var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
30
- var primaryBase = "_7rkubb5 _1rsrm2fct";
30
+ var primaryBase = "_7rkubb5 _1rsrm2fcu";
31
31
 
32
32
  // src/css/touchableStyles.ts
33
33
  function touchableStyles({ active: active2, hover: hover2 }) {
@@ -136,7 +136,7 @@ import React143, {
136
136
  useCallback as useCallback31,
137
137
  useContext as useContext25,
138
138
  useEffect as useEffect31,
139
- useMemo as useMemo33,
139
+ useMemo as useMemo34,
140
140
  useState as useState40
141
141
  } from "react";
142
142
  import { useConnect as useConnect2, useDisconnect as useDisconnect3 } from "wagmi";
@@ -176,6 +176,7 @@ var PLACEHOLDER_FUNKIT_USER_INFO = {
176
176
  userId: null,
177
177
  accountLabel: "Email",
178
178
  accountName: "Loading...",
179
+ accountNameDisplay: "Loading...",
179
180
  accountPicSrc: ""
180
181
  };
181
182
 
@@ -794,7 +795,7 @@ import React142, {
794
795
  useCallback as useCallback30,
795
796
  useContext as useContext24,
796
797
  useEffect as useEffect30,
797
- useMemo as useMemo32,
798
+ useMemo as useMemo33,
798
799
  useState as useState39
799
800
  } from "react";
800
801
  import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
@@ -1005,10 +1006,10 @@ var FunkitThemeProvider = ({
1005
1006
 
1006
1007
  // src/components/Dialog/Dialog.css.ts
1007
1008
  var DialogAnimationTime = 150;
1008
- var content = "_1r8f579 _1rsrm2fa _1rsrm2f15 _1rsrm2fct";
1009
- var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f15 _1rsrm2fct";
1010
- var overlay = "_1r8f575 _1rsrm2fe1 _1rsrm2fhq _1rsrm2fa _1rsrm2f3c _1rsrm2fcs";
1011
- var overlayOut = "_1r8f577 _1rsrm2fe1 _1rsrm2fhq _1rsrm2fa _1rsrm2f3c _1rsrm2fcs";
1009
+ var content = "_1r8f579 _1rsrm2fa _1rsrm2f15 _1rsrm2fcu";
1010
+ var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f15 _1rsrm2fcu";
1011
+ var overlay = "_1r8f575 _1rsrm2fe2 _1rsrm2fhr _1rsrm2fa _1rsrm2f3c _1rsrm2fct";
1012
+ var overlayOut = "_1r8f577 _1rsrm2fe2 _1rsrm2fhr _1rsrm2fa _1rsrm2f3c _1rsrm2fct";
1012
1013
 
1013
1014
  // src/components/Dialog/FocusTrap.tsx
1014
1015
  import React8, { useCallback as useCallback2, useEffect as useEffect4, useRef } from "react";
@@ -1362,11 +1363,11 @@ var ShortFunToast = ({
1362
1363
 
1363
1364
  // src/components/Dialog/DialogContent.css.ts
1364
1365
  var bottomSheetOverrides = "_1pzt4237";
1365
- var dialogContent = "_1pzt4231 _1rsrm2fhu _1rsrm2fom _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fri _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1366
- var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2fhu _1rsrm2fom _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fri _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1366
+ var dialogContent = "_1pzt4231 _1rsrm2fhv _1rsrm2fon _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2frj _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
1367
+ var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2fhv _1rsrm2fon _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2frj _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
1367
1368
  var dialogContentMobile = "_1pzt4236 _1rsrm2fs";
1368
- var dialogContentWideDesktop = "_1pzt4233 _1pzt4231 _1rsrm2fhu _1rsrm2fom _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fri _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1369
- var dialogContentWideMobile = "_1pzt4232 _1pzt4231 _1rsrm2fhu _1rsrm2fom _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fri _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1369
+ var dialogContentWideDesktop = "_1pzt4233 _1pzt4231 _1rsrm2fhv _1rsrm2fon _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2frj _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
1370
+ var dialogContentWideMobile = "_1pzt4232 _1pzt4231 _1rsrm2fhv _1rsrm2fon _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2frj _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
1370
1371
 
1371
1372
  // src/components/Dialog/DialogContent.tsx
1372
1373
  function DialogContent({
@@ -1570,7 +1571,8 @@ function GeneralWalletProvider({ children }) {
1570
1571
  baseInfo = {
1571
1572
  userId: address,
1572
1573
  accountLabel: connector == null ? void 0 : connector.name,
1573
- accountName: ensName ? formatENS(ensName) : formatAddress(address || "")
1574
+ accountName: ensName ? ensName : address,
1575
+ accountNameDisplay: ensName ? formatENS(ensName) : formatAddress(address || "")
1574
1576
  };
1575
1577
  } else {
1576
1578
  baseInfo = PLACEHOLDER_FUNKIT_USER_INFO;
@@ -1884,12 +1886,12 @@ import React108, { useCallback as useCallback24, useState as useState33 } from "
1884
1886
 
1885
1887
  // src/components/ConnectOptions/DesktopOptions.css.ts
1886
1888
  var QRCodeBackgroundClassName = "mu4zht0";
1887
- var ScrollClassName = "mu4zht2 _1rsrm2fb9 _1rsrm2fbv";
1889
+ var ScrollClassName = "mu4zht2 _1rsrm2fba _1rsrm2fbw";
1888
1890
  var sidebar = "mu4zht3";
1889
1891
  var sidebarCompactMode = "mu4zht4";
1890
1892
 
1891
1893
  // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryContent.tsx
1892
- import React92, { useCallback as useCallback22, useMemo as useMemo25, useState as useState28 } from "react";
1894
+ import React92, { useCallback as useCallback22, useMemo as useMemo26, useState as useState28 } from "react";
1893
1895
 
1894
1896
  // src/components/FunkitProvider/FunkitCheckoutContext.tsx
1895
1897
  import {
@@ -3514,7 +3516,7 @@ import React21 from "react";
3514
3516
 
3515
3517
  // src/components/FunButton/FunButton.css.ts
3516
3518
  var funIconButtonStyle = "_1tyx5nu3";
3517
- var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2fxi";
3519
+ var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2fxj";
3518
3520
  var iconStyle = "_1tyx5nu4";
3519
3521
  var rotateStyle = "_1tyx5nu6";
3520
3522
 
@@ -3808,7 +3810,7 @@ function FunLinkButton({
3808
3810
  }
3809
3811
 
3810
3812
  // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
3811
- import React82, { useCallback as useCallback21, useEffect as useEffect21, useMemo as useMemo21, useState as useState25 } from "react";
3813
+ import React85, { useCallback as useCallback21, useEffect as useEffect22, useMemo as useMemo23, useState as useState26 } from "react";
3812
3814
 
3813
3815
  // src/components/FunAssetAvatar/FunAssetAvatar.tsx
3814
3816
  import React28, { useMemo as useMemo7 } from "react";
@@ -4064,8 +4066,8 @@ var SearchIcon = ({ selected }) => {
4064
4066
  };
4065
4067
 
4066
4068
  // src/components/FunInput/FunInput.css.ts
4067
- var inputClass = "zue0i61 _1rsrm2fwq";
4068
- var inputClassDisabled = "zue0i63 _1rsrm2fwy";
4069
+ var inputClass = "zue0i61 _1rsrm2fwr";
4070
+ var inputClassDisabled = "zue0i63 _1rsrm2fwz";
4069
4071
 
4070
4072
  // src/components/FunInput/FunInput.tsx
4071
4073
  var InputTextSize = "57px";
@@ -4413,7 +4415,7 @@ import {
4413
4415
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8,
4414
4416
  getTokenInfo as getTokenInfo2
4415
4417
  } from "@funkit/core";
4416
- import React81, { useCallback as useCallback20, useEffect as useEffect20, useMemo as useMemo20, useState as useState24 } from "react";
4418
+ import React84, { useCallback as useCallback20, useEffect as useEffect21, useMemo as useMemo22, useState as useState25 } from "react";
4417
4419
  import { arbitrum, mainnet as mainnet3, zkSync } from "viem/chains";
4418
4420
 
4419
4421
  // src/hooks/useCheckoutAccountBalanceTransfer.ts
@@ -6783,7 +6785,7 @@ import {
6783
6785
  isAddress as isAddress3,
6784
6786
  meshPreviewTransfer as meshPreviewTransfer2
6785
6787
  } from "@funkit/core";
6786
- import React75, { useCallback as useCallback17, useMemo as useMemo17, useState as useState21 } from "react";
6788
+ import React78, { useCallback as useCallback17, useMemo as useMemo19, useState as useState22 } from "react";
6787
6789
  import { useAccount as useAccount4, useSendTransaction, useWriteContract } from "wagmi";
6788
6790
 
6789
6791
  // src/utils/deposit.ts
@@ -7027,10 +7029,18 @@ function ExistingPaymentMethodItem({
7027
7029
  return /* @__PURE__ */ React71.createElement(React71.Fragment, null);
7028
7030
  }
7029
7031
  return /* @__PURE__ */ React71.createElement(FunKeyValue, {
7030
- keyIcon: paymentMethodInfo == null ? void 0 : paymentMethodInfo.titleIcon,
7032
+ keyIcon: /* @__PURE__ */ React71.createElement(Box, {
7033
+ display: "flex",
7034
+ alignItems: "center",
7035
+ justifyContent: "center",
7036
+ width: "24",
7037
+ height: "24"
7038
+ }, paymentMethodInfo == null ? void 0 : paymentMethodInfo.titleIcon),
7031
7039
  keyText: paymentMethodInfo == null ? void 0 : paymentMethodInfo.title,
7040
+ keyTextSize: "14",
7032
7041
  valueIcon: paymentMethodInfo == null ? void 0 : paymentMethodInfo.descriptionIcon,
7033
7042
  valueText: formatAddress(paymentMethodInfo == null ? void 0 : paymentMethodInfo.description),
7043
+ valueTextSize: "14",
7034
7044
  keyGap: "12",
7035
7045
  paddingY: paymentsConfig.optionsConfig.optionsPadding,
7036
7046
  paddingX: paymentsConfig.optionsConfig.optionsPadding,
@@ -7265,7 +7275,7 @@ function FunPaymentMethods({
7265
7275
  }
7266
7276
 
7267
7277
  // src/components/FunTransactionSummary/FunTransactionSummary.tsx
7268
- import React74, { Fragment as Fragment2, useState as useState20 } from "react";
7278
+ import React77, { useMemo as useMemo18, useState as useState21 } from "react";
7269
7279
 
7270
7280
  // src/utils/formatTimestamp.ts
7271
7281
  var fullMonthNames = [
@@ -7346,254 +7356,721 @@ function formatSecondsToReadableForm(seconds, specifyUnderMinute = false, omitSe
7346
7356
  return `${minsString} ${remainingSecs}s`;
7347
7357
  }
7348
7358
 
7349
- // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
7350
- import React73 from "react";
7359
+ // src/components/ChainModal/Chain.tsx
7360
+ import React74, { Fragment as Fragment2, useContext as useContext14 } from "react";
7351
7361
 
7352
- // src/components/FunDivider/FunDivider.tsx
7353
- import React72 from "react";
7354
- function FunDivider({
7355
- marginTop = "20",
7356
- marginBottom = "20",
7357
- transparent = false,
7358
- borderWidth = "1"
7359
- }) {
7360
- return /* @__PURE__ */ React72.createElement(Box, {
7361
- id: "fun-divider",
7362
- borderStyle: transparent ? "hidden" : "solid",
7363
- borderWidth,
7364
- borderColor: "modalBorder",
7365
- marginTop,
7366
- marginBottom
7367
- });
7368
- }
7362
+ // src/components/FunkitProvider/I18nContext.tsx
7363
+ import React72, {
7364
+ createContext as createContext14,
7365
+ useEffect as useEffect18,
7366
+ useMemo as useMemo17,
7367
+ useState as useState20
7368
+ } from "react";
7369
7369
 
7370
- // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
7371
- function FunTxSummaryBox({ children }) {
7372
- return /* @__PURE__ */ React73.createElement(Box, {
7373
- background: "modalBackground",
7374
- borderStyle: "solid",
7375
- borderColor: "selectedOptionBorder",
7376
- borderWidth: "1",
7377
- borderRadius: "connectButton",
7378
- minWidth: "full",
7379
- display: "flex",
7380
- justifyContent: "space-between",
7381
- color: "modalTextDim",
7382
- paddingY: "8",
7383
- paddingX: "20",
7384
- alignItems: "center",
7385
- flexDirection: "column"
7386
- }, children);
7387
- }
7388
- function FunTxSummaryLineItem({ children, ...otherProps }) {
7389
- return /* @__PURE__ */ React73.createElement(Box, {
7390
- display: "flex",
7391
- flexDirection: "row",
7392
- alignItems: "center",
7393
- width: "full",
7394
- justifyContent: "space-between",
7395
- paddingY: "8",
7396
- gap: "16",
7397
- ...otherProps
7398
- }, children);
7399
- }
7400
- function FunTxSummaryLineItemKeyText({ text }) {
7401
- return /* @__PURE__ */ React73.createElement(Text, {
7402
- weight: "medium",
7403
- color: "modalTextDim",
7404
- size: "12",
7405
- style: { whiteSpace: "nowrap" }
7406
- }, text);
7407
- }
7408
- function FunTxSummaryDivider() {
7409
- return /* @__PURE__ */ React73.createElement(Box, {
7410
- width: "full"
7411
- }, /* @__PURE__ */ React73.createElement(FunDivider, {
7412
- marginTop: "4",
7413
- marginBottom: "4",
7414
- borderWidth: "0.5"
7415
- }));
7370
+ // src/locales/I18n.ts
7371
+ var defaultOptions = {
7372
+ defaultLocale: "en",
7373
+ locale: "en"
7374
+ };
7375
+ var I18n = class {
7376
+ constructor(localeTranslations) {
7377
+ this.listeners = /* @__PURE__ */ new Set();
7378
+ this.defaultLocale = defaultOptions.defaultLocale;
7379
+ this.enableFallback = false;
7380
+ this.locale = defaultOptions.locale;
7381
+ this.cachedLocales = [];
7382
+ this.translations = {};
7383
+ for (const [locale, translation] of Object.entries(localeTranslations)) {
7384
+ this.cachedLocales = [...this.cachedLocales, locale];
7385
+ this.translations = {
7386
+ ...this.translations,
7387
+ ...this.flattenTranslation(translation, locale)
7388
+ };
7389
+ }
7390
+ }
7391
+ missingMessage(key) {
7392
+ return `[missing: "${this.locale}.${key}" translation]`;
7393
+ }
7394
+ flattenTranslation(translationObject, locale) {
7395
+ const result = {};
7396
+ const flatten = (currentTranslationObj, parentKey) => {
7397
+ for (const key of Object.keys(currentTranslationObj)) {
7398
+ const newKey = `${parentKey}.${key}`;
7399
+ const currentValue = currentTranslationObj[key];
7400
+ if (typeof currentValue === "object" && currentValue !== null) {
7401
+ flatten(currentValue, newKey);
7402
+ } else {
7403
+ result[newKey] = currentValue;
7404
+ }
7405
+ }
7406
+ };
7407
+ flatten(translationObject, locale);
7408
+ return result;
7409
+ }
7410
+ translateWithReplacements(translation, replacements = {}) {
7411
+ let translatedString = translation;
7412
+ for (const placeholder in replacements) {
7413
+ const replacementValue = replacements[placeholder];
7414
+ translatedString = translatedString.replace(
7415
+ `%{${placeholder}}`,
7416
+ replacementValue
7417
+ );
7418
+ }
7419
+ return translatedString;
7420
+ }
7421
+ t(key, replacements, options) {
7422
+ const translationKey = `${this.locale}.${key}`;
7423
+ const translation = this.translations[translationKey];
7424
+ if (!translation) {
7425
+ if (this.enableFallback) {
7426
+ const fallbackTranslationKey = `${this.defaultLocale}.${key}`;
7427
+ const fallbackTranslation = this.translations[fallbackTranslationKey];
7428
+ if (fallbackTranslation) {
7429
+ return this.translateWithReplacements(
7430
+ fallbackTranslation,
7431
+ replacements
7432
+ );
7433
+ }
7434
+ }
7435
+ if (options == null ? void 0 : options.rawKeyIfTranslationMissing)
7436
+ return key;
7437
+ return this.missingMessage(key);
7438
+ }
7439
+ return this.translateWithReplacements(translation, replacements);
7440
+ }
7441
+ isLocaleCached(locale) {
7442
+ return this.cachedLocales.includes(locale);
7443
+ }
7444
+ updateLocale(locale) {
7445
+ this.locale = locale;
7446
+ this.notifyListeners();
7447
+ }
7448
+ setTranslations(locale, translations) {
7449
+ const cachedLocale = this.isLocaleCached(locale);
7450
+ if (!cachedLocale) {
7451
+ this.cachedLocales = [...this.cachedLocales, locale];
7452
+ this.translations = {
7453
+ ...this.translations,
7454
+ ...this.flattenTranslation(translations, locale)
7455
+ };
7456
+ }
7457
+ this.locale = locale;
7458
+ this.notifyListeners();
7459
+ }
7460
+ notifyListeners() {
7461
+ for (const listener of this.listeners) {
7462
+ listener();
7463
+ }
7464
+ }
7465
+ onChange(fn) {
7466
+ this.listeners.add(fn);
7467
+ return () => {
7468
+ this.listeners.delete(fn);
7469
+ };
7470
+ }
7471
+ };
7472
+
7473
+ // src/locales/index.ts
7474
+ var i18n = new I18n({
7475
+ en: JSON.parse(en_US_default),
7476
+ "en-US": JSON.parse(en_US_default)
7477
+ });
7478
+ i18n.defaultLocale = "en-US";
7479
+ i18n.locale = "en-US";
7480
+ i18n.enableFallback = true;
7481
+ var fetchTranslations = async (locale) => {
7482
+ switch (locale) {
7483
+ case "ar":
7484
+ case "ar-AR":
7485
+ return (await import("./ar_AR-2FHIOEAO.js")).default;
7486
+ case "en":
7487
+ case "en-US":
7488
+ return (await import("./en_US-SZG3SEXV.js")).default;
7489
+ case "es":
7490
+ case "es-419":
7491
+ return (await import("./es_419-JU5M7ADI.js")).default;
7492
+ case "fr":
7493
+ case "fr-FR":
7494
+ return (await import("./fr_FR-MEVFY2S3.js")).default;
7495
+ case "hi":
7496
+ case "hi-IN":
7497
+ return (await import("./hi_IN-QYRORIUD.js")).default;
7498
+ case "id":
7499
+ case "id-ID":
7500
+ return (await import("./id_ID-TUMMBG4U.js")).default;
7501
+ case "ja":
7502
+ case "ja-JP":
7503
+ return (await import("./ja_JP-ZUYW24MT.js")).default;
7504
+ case "ko":
7505
+ case "ko-KR":
7506
+ return (await import("./ko_KR-6CVQ44HH.js")).default;
7507
+ case "pt":
7508
+ case "pt-BR":
7509
+ return (await import("./pt_BR-RZPKMOY4.js")).default;
7510
+ case "ru":
7511
+ case "ru-RU":
7512
+ return (await import("./ru_RU-6H6D24G6.js")).default;
7513
+ case "th":
7514
+ case "th-TH":
7515
+ return (await import("./th_TH-V7MI6RLE.js")).default;
7516
+ case "tr":
7517
+ case "tr-TR":
7518
+ return (await import("./tr_TR-5VDGWEXM.js")).default;
7519
+ case "ua":
7520
+ case "uk-UA":
7521
+ return (await import("./uk_UA-LQISH4SK.js")).default;
7522
+ case "zh":
7523
+ case "zh-CN":
7524
+ return (await import("./zh_CN-EHEYLG7G.js")).default;
7525
+ default:
7526
+ return (await import("./en_US-SZG3SEXV.js")).default;
7527
+ }
7528
+ };
7529
+ async function setLocale(locale) {
7530
+ const isCached = i18n.isLocaleCached(locale);
7531
+ if (isCached) {
7532
+ i18n.updateLocale(locale);
7533
+ return;
7534
+ }
7535
+ const translations = await fetchTranslations(locale);
7536
+ i18n.setTranslations(locale, JSON.parse(translations));
7416
7537
  }
7417
7538
 
7418
- // src/components/FunTransactionSummary/FunTransactionSummary.tsx
7419
- function FeesLineItem({
7420
- feesItem,
7421
- isLoading,
7422
- paymentMethod
7423
- }) {
7424
- const [isExpanded, setIsExpanded] = useState20(false);
7425
- const toggle = () => setIsExpanded(!isExpanded);
7426
- return /* @__PURE__ */ React74.createElement(Box, {
7427
- width: "full"
7428
- }, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItem, {
7429
- onClick: isLoading ? () => void 0 : () => toggle == null ? void 0 : toggle(),
7430
- paddingY: isLoading ? "8" : "5",
7431
- color: { base: "modalTextDim", hover: "accentColor" },
7432
- style: { cursor: isLoading ? "default" : "pointer" }
7433
- }, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItemKeyText, {
7434
- text: "Estimated Fees"
7435
- }), isLoading ? /* @__PURE__ */ React74.createElement(Box, {
7436
- color: "modalTextSecondary"
7437
- }, /* @__PURE__ */ React74.createElement(SpinnerIcon, {
7438
- height: 12,
7439
- width: 12
7440
- })) : isNotNullish(feesItem == null ? void 0 : feesItem.totalUsd) ? /* @__PURE__ */ React74.createElement(Box, {
7441
- display: "flex",
7442
- gap: "4",
7443
- alignItems: "center"
7444
- }, /* @__PURE__ */ React74.createElement(Text, {
7445
- weight: "medium",
7446
- color: "modalText",
7447
- size: "12"
7448
- }, formatCurrencyAndStringify(
7449
- parseFloat(feesItem.totalUsd.toString())
7450
- )), isExpanded ? /* @__PURE__ */ React74.createElement(FunUpArrow, null) : /* @__PURE__ */ React74.createElement(FunDownArrow, null)) : null), /* @__PURE__ */ React74.createElement(Box, {
7451
- className: isExpanded ? "fun-container-content-expanded" : "fun-container-content-collapsed"
7452
- }, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItemKeyText, {
7453
- text: "Network Fees"
7454
- }), isLoading ? /* @__PURE__ */ React74.createElement(Box, {
7455
- color: "modalTextSecondary"
7456
- }, /* @__PURE__ */ React74.createElement(SpinnerIcon, {
7457
- height: 12,
7458
- width: 12
7459
- })) : isNotNullish(feesItem == null ? void 0 : feesItem.transactionFeesUsd) ? /* @__PURE__ */ React74.createElement(Box, {
7460
- display: "flex",
7461
- justifyContent: "flex-end"
7462
- }, isNotNullish(feesItem.transactionFeesTokenAmount) && isNotNullish(feesItem.transactionFeesTokenSymbol) ? /* @__PURE__ */ React74.createElement(Text, {
7463
- weight: "medium",
7464
- color: "modalTextDim",
7465
- size: "12"
7466
- }, "(", formatCryptoAndStringify(
7467
- parseFloat(feesItem.transactionFeesTokenAmount.toString()),
7468
- feesItem.transactionFeesTokenSymbol
7469
- ), ")\xA0") : null, /* @__PURE__ */ React74.createElement(Text, {
7470
- weight: "medium",
7471
- color: "modalText",
7472
- size: "12"
7473
- }, formatCurrencyAndStringify(
7474
- parseFloat(feesItem.transactionFeesUsd.toString())
7475
- ))) : null), /* @__PURE__ */ React74.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItemKeyText, {
7476
- text: paymentMethod === "card" /* CARD */ ? "Card Processing Fees" : "Platform Fees"
7477
- }), isLoading ? /* @__PURE__ */ React74.createElement(Box, {
7478
- color: "modalTextSecondary"
7479
- }, /* @__PURE__ */ React74.createElement(SpinnerIcon, {
7480
- height: 12,
7481
- width: 12
7482
- })) : isNotNullish(feesItem == null ? void 0 : feesItem.platformFeesUsd) ? /* @__PURE__ */ React74.createElement(Box, {
7539
+ // src/utils/locale.ts
7540
+ var detectedBrowserLocale = () => {
7541
+ var _a;
7542
+ if (typeof window !== "undefined" && typeof navigator !== "undefined") {
7543
+ if ((_a = navigator.languages) == null ? void 0 : _a.length) {
7544
+ return navigator.languages[0];
7545
+ }
7546
+ if (navigator.language) {
7547
+ return navigator.language;
7548
+ }
7549
+ }
7550
+ };
7551
+
7552
+ // src/components/FunkitProvider/I18nContext.tsx
7553
+ var I18nContext = createContext14({ i18n });
7554
+ var I18nProvider = ({ children, locale }) => {
7555
+ const [updateCount, setUpdateCount] = useState20(0);
7556
+ const browserLocale = useMemo17(
7557
+ () => detectedBrowserLocale(),
7558
+ []
7559
+ );
7560
+ useEffect18(() => {
7561
+ const unsubscribe = i18n.onChange(() => {
7562
+ setUpdateCount((count) => count + 1);
7563
+ });
7564
+ return unsubscribe;
7565
+ }, []);
7566
+ useEffect18(() => {
7567
+ if (locale && locale !== i18n.locale) {
7568
+ setLocale(locale);
7569
+ } else if (!locale && browserLocale && browserLocale !== i18n.locale) {
7570
+ setLocale(browserLocale);
7571
+ }
7572
+ }, [locale, browserLocale]);
7573
+ const memoizedValue = useMemo17(() => {
7574
+ const t = (key, options) => i18n.t(key, options);
7575
+ return { t, i18n };
7576
+ }, [updateCount]);
7577
+ return /* @__PURE__ */ React72.createElement(I18nContext.Provider, {
7578
+ value: memoizedValue
7579
+ }, children);
7580
+ };
7581
+
7582
+ // src/components/MenuButton/MenuButton.tsx
7583
+ import React73 from "react";
7584
+
7585
+ // src/components/MenuButton/MenuButton.css.ts
7586
+ var unsetBackgroundOnHover = "_10pw5x60";
7587
+
7588
+ // src/components/MenuButton/MenuButton.tsx
7589
+ var MenuButton = React73.forwardRef(
7590
+ ({
7591
+ children,
7592
+ currentlySelected = false,
7593
+ onClick,
7594
+ testId,
7595
+ ...urlProps
7596
+ }, ref) => {
7597
+ const mobile = isMobile();
7598
+ return /* @__PURE__ */ React73.createElement(Box, {
7599
+ as: "button",
7600
+ borderRadius: "menuButton",
7601
+ disabled: currentlySelected,
7602
+ display: "flex",
7603
+ onClick,
7604
+ ref,
7605
+ testId,
7606
+ type: "button"
7607
+ }, /* @__PURE__ */ React73.createElement(Box, {
7608
+ borderRadius: "menuButton",
7609
+ className: [
7610
+ mobile ? unsetBackgroundOnHover : void 0,
7611
+ !currentlySelected && touchableStyles({ active: "shrink" })
7612
+ ],
7613
+ padding: mobile ? "8" : "6",
7614
+ transition: "default",
7615
+ width: "full",
7616
+ ...currentlySelected ? {
7617
+ background: "accentColor",
7618
+ borderColor: "selectedOptionBorder",
7619
+ borderStyle: "solid",
7620
+ borderWidth: "1",
7621
+ boxShadow: "selectedOption",
7622
+ color: "accentColorForeground"
7623
+ } : {
7624
+ background: { hover: "menuItemBackground" },
7625
+ color: "modalText",
7626
+ transition: "default"
7627
+ },
7628
+ ...urlProps
7629
+ }, children));
7630
+ }
7631
+ );
7632
+ MenuButton.displayName = "MenuButton";
7633
+
7634
+ // src/components/ChainModal/Chain.tsx
7635
+ function ChainLineItem({
7636
+ chainId,
7637
+ chainIconSize,
7638
+ gap = "12"
7639
+ }) {
7640
+ const enabledChainMap = useFunkitConnectChainsById();
7641
+ const chainItem = enabledChainMap[chainId];
7642
+ if (!chainItem)
7643
+ return null;
7644
+ return /* @__PURE__ */ React74.createElement(Box, {
7645
+ alignItems: "center",
7483
7646
  display: "flex",
7484
- justifyContent: "flex-end"
7485
- }, isNotNullish(feesItem.platformFeesTokenAmount) && isNotNullish(feesItem.platformFeesTokenSymbol) ? /* @__PURE__ */ React74.createElement(Text, {
7486
- weight: "medium",
7487
- color: "modalTextDim",
7488
- size: "12"
7489
- }, "(", formatCryptoAndStringify(
7490
- parseFloat(feesItem.platformFeesTokenAmount.toString()),
7491
- feesItem.platformFeesTokenSymbol
7492
- ), ")\xA0") : null, /* @__PURE__ */ React74.createElement(Text, {
7493
- weight: "medium",
7494
- color: "modalText",
7495
- size: "12"
7496
- }, formatCurrencyAndStringify(
7497
- parseFloat(feesItem.platformFeesUsd.toString())
7498
- ))) : null)));
7647
+ flexDirection: "row",
7648
+ gap,
7649
+ height: chainIconSize
7650
+ }, chainItem.iconUrl && /* @__PURE__ */ React74.createElement(Box, {
7651
+ height: "full"
7652
+ }, /* @__PURE__ */ React74.createElement(AsyncImage, {
7653
+ alt: chainItem.name,
7654
+ background: chainItem.iconBackground,
7655
+ borderRadius: "full",
7656
+ height: chainIconSize,
7657
+ src: chainItem.iconUrl,
7658
+ width: chainIconSize,
7659
+ testId: `chain-option-${chainId}-icon`
7660
+ })), /* @__PURE__ */ React74.createElement("div", null, chainItem.name));
7499
7661
  }
7500
- function FunTransactionSummary({
7501
- estFees,
7502
- estTime,
7503
- isLoading = false,
7504
- hasTotal = false,
7505
- total,
7506
- hasPaymentToken = false,
7507
- symbol = "",
7508
- paymentTokenString,
7509
- suffixComponent,
7510
- errorMessage = "",
7511
- paymentMethod
7512
- }) {
7513
- return /* @__PURE__ */ React74.createElement(Box, null, /* @__PURE__ */ React74.createElement(Box, {
7514
- paddingBottom: "8"
7662
+ var Chain2 = ({
7663
+ chainId,
7664
+ currentChainId,
7665
+ switchChain,
7666
+ chainIconSize,
7667
+ isLoading,
7668
+ src: src7,
7669
+ name,
7670
+ iconBackground,
7671
+ idx
7672
+ }) => {
7673
+ const mobile = isMobile();
7674
+ const { i18n: i18n2 } = useContext14(I18nContext);
7675
+ const funkitConnectChains = useFunkitConnectChains();
7676
+ const { isWeb2Login } = useGeneralWallet();
7677
+ const isCurrentChain = currentChainId === chainId && !isLoading;
7678
+ return /* @__PURE__ */ React74.createElement(Fragment2, null, /* @__PURE__ */ React74.createElement(MenuButton, {
7679
+ currentlySelected: isCurrentChain,
7680
+ onClick: isCurrentChain ? void 0 : () => switchChain({ chainId }),
7681
+ testId: `chain-option-${chainId}`
7682
+ }, /* @__PURE__ */ React74.createElement(Box, {
7683
+ fontFamily: "body",
7684
+ fontSize: "16",
7685
+ fontWeight: "bold"
7686
+ }, /* @__PURE__ */ React74.createElement(Box, {
7687
+ alignItems: "center",
7688
+ display: "flex",
7689
+ flexDirection: "row",
7690
+ justifyContent: "space-between"
7691
+ }, /* @__PURE__ */ React74.createElement(ChainLineItem, {
7692
+ chainId,
7693
+ chainIconSize
7694
+ }), isCurrentChain && /* @__PURE__ */ React74.createElement(Box, {
7695
+ alignItems: "center",
7696
+ display: "flex",
7697
+ flexDirection: "row",
7698
+ marginRight: "6"
7515
7699
  }, /* @__PURE__ */ React74.createElement(Text, {
7516
- color: "modalTextSecondary",
7700
+ color: "accentColorForeground",
7517
7701
  size: "14",
7518
7702
  weight: "medium"
7519
- }, "Transaction Summary")), errorMessage !== "" ? /* @__PURE__ */ React74.createElement(Box, {
7520
- paddingTop: "16"
7521
- }, /* @__PURE__ */ React74.createElement(FunNotification, {
7522
- type: "error",
7523
- description: errorMessage
7524
- })) : /* @__PURE__ */ React74.createElement(FunTxSummaryBox, null, hasPaymentToken ? /* @__PURE__ */ React74.createElement(Fragment2, null, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItemKeyText, {
7525
- text: "Payment Token"
7526
- }), isLoading ? /* @__PURE__ */ React74.createElement(Box, {
7527
- color: "modalTextSecondary"
7528
- }, /* @__PURE__ */ React74.createElement(SpinnerIcon, {
7529
- height: 12,
7530
- width: 12
7531
- })) : /* @__PURE__ */ React74.createElement(Box, {
7532
- display: "flex",
7703
+ }, i18n2.t("chains.connected")), /* @__PURE__ */ React74.createElement(FunDot, null)), isLoading && /* @__PURE__ */ React74.createElement(Box, {
7533
7704
  alignItems: "center",
7534
- justifyContent: "flex-end"
7535
- }, symbol ? /* @__PURE__ */ React74.createElement(Box, {
7536
7705
  display: "flex",
7537
- alignItems: "center",
7538
- paddingRight: "8"
7539
- }, /* @__PURE__ */ React74.createElement(FunAssetAvatar, {
7540
- assetIconSize: "14",
7541
- assetTicker: symbol,
7542
- assetName: symbol,
7543
- hideIfUnknown: true
7544
- })) : null, /* @__PURE__ */ React74.createElement(Text, {
7545
- weight: "medium",
7546
- color: "modalText",
7547
- size: "12",
7548
- style: { textAlign: "end" }
7549
- }, paymentTokenString))), /* @__PURE__ */ React74.createElement(FunTxSummaryDivider, null)) : null, /* @__PURE__ */ React74.createElement(FeesLineItem, {
7550
- feesItem: estFees,
7551
- isLoading,
7552
- paymentMethod
7553
- }), /* @__PURE__ */ React74.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React74.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItemKeyText, {
7554
- text: "Est. Processing Time"
7555
- }), isLoading ? /* @__PURE__ */ React74.createElement(Box, {
7556
- color: "modalTextSecondary"
7557
- }, /* @__PURE__ */ React74.createElement(SpinnerIcon, {
7558
- height: 12,
7559
- width: 12
7560
- })) : isNotNullish(estTime) ? /* @__PURE__ */ React74.createElement(Text, {
7561
- weight: "medium",
7562
- color: "modalText",
7563
- size: "12"
7564
- }, formatSecondsToReadableForm(
7565
- parseFloat(estTime == null ? void 0 : estTime.toString()),
7566
- true,
7567
- false
7568
- )) : null), hasTotal ? /* @__PURE__ */ React74.createElement(Fragment2, null, /* @__PURE__ */ React74.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React74.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React74.createElement(FunTxSummaryLineItemKeyText, {
7569
- text: "Total"
7570
- }), isLoading ? /* @__PURE__ */ React74.createElement(Box, {
7571
- color: "modalTextSecondary"
7572
- }, /* @__PURE__ */ React74.createElement(SpinnerIcon, {
7573
- height: 12,
7574
- width: 12
7575
- })) : isNotNullish(total) ? /* @__PURE__ */ React74.createElement(Text, {
7576
- weight: "medium",
7706
+ flexDirection: "row",
7707
+ marginRight: "6"
7708
+ }, /* @__PURE__ */ React74.createElement(Text, {
7577
7709
  color: "modalText",
7578
- size: "12"
7579
- }, formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)) : null, suffixComponent));
7580
- }
7710
+ size: "14",
7711
+ weight: "medium"
7712
+ }, isWeb2Login ? "Switching" : i18n2.t("chains.confirm")), /* @__PURE__ */ React74.createElement(Box, {
7713
+ background: "standby",
7714
+ borderRadius: "full",
7715
+ height: "8",
7716
+ marginLeft: "8",
7717
+ width: "8"
7718
+ }))))), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React74.createElement(Box, {
7719
+ background: "generalBorderDim",
7720
+ height: "1",
7721
+ marginX: "8"
7722
+ }));
7723
+ };
7724
+ var Chain_default = Chain2;
7581
7725
 
7582
- // src/components/FunCheckoutModal/FunCheckoutConfirmationStep.tsx
7583
- function FunCheckoutConfirmationStep({
7584
- checkoutId,
7585
- checkoutStep,
7586
- regenerateQuoteFn,
7587
- onFinish,
7588
- animateOut
7589
- }) {
7590
- 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;
7591
- const { writeContractAsync } = useWriteContract();
7592
- const { sendTransactionAsync } = useSendTransaction();
7593
- const { checkoutItem, updateSelectedPaymentMethodInfo, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
7726
+ // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
7727
+ import React76 from "react";
7728
+
7729
+ // src/components/FunDivider/FunDivider.tsx
7730
+ import React75 from "react";
7731
+ function FunDivider({
7732
+ marginTop = "20",
7733
+ marginBottom = "20",
7734
+ transparent = false,
7735
+ borderWidth = "1"
7736
+ }) {
7737
+ return /* @__PURE__ */ React75.createElement(Box, {
7738
+ id: "fun-divider",
7739
+ borderStyle: transparent ? "hidden" : "solid",
7740
+ borderWidth,
7741
+ borderColor: "modalBorder",
7742
+ marginTop,
7743
+ marginBottom
7744
+ });
7745
+ }
7746
+
7747
+ // src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
7748
+ function FunTxSummaryBox({ children }) {
7749
+ return /* @__PURE__ */ React76.createElement(Box, {
7750
+ background: "modalBackground",
7751
+ borderStyle: "solid",
7752
+ borderColor: "selectedOptionBorder",
7753
+ borderWidth: "1",
7754
+ borderRadius: "connectButton",
7755
+ minWidth: "full",
7756
+ display: "flex",
7757
+ justifyContent: "space-between",
7758
+ color: "modalTextDim",
7759
+ paddingY: "8",
7760
+ paddingX: "20",
7761
+ alignItems: "center",
7762
+ flexDirection: "column"
7763
+ }, children);
7764
+ }
7765
+ function FunTxSummaryLineItem({ children, ...otherProps }) {
7766
+ return /* @__PURE__ */ React76.createElement(Box, {
7767
+ display: "flex",
7768
+ flexDirection: "row",
7769
+ alignItems: "center",
7770
+ width: "full",
7771
+ justifyContent: "space-between",
7772
+ paddingY: "8",
7773
+ gap: "16",
7774
+ ...otherProps
7775
+ }, children);
7776
+ }
7777
+ function FunTxSummaryLineItemCollapsibleTrigger({
7778
+ children,
7779
+ isDisabled,
7780
+ onClick
7781
+ }) {
7782
+ return /* @__PURE__ */ React76.createElement(FunTxSummaryLineItem, {
7783
+ onClick: isDisabled ? () => void 0 : () => onClick(),
7784
+ paddingY: isDisabled ? "8" : "5",
7785
+ color: { base: "modalTextDim", hover: "accentColor" },
7786
+ style: { cursor: isDisabled ? "default" : "pointer" }
7787
+ }, children);
7788
+ }
7789
+ function FunTxSummaryCollapsibleBox({
7790
+ isExpanded,
7791
+ children
7792
+ }) {
7793
+ return /* @__PURE__ */ React76.createElement(Box, {
7794
+ className: isExpanded ? "fun-container-content-expanded" : "fun-container-content-collapsed"
7795
+ }, children);
7796
+ }
7797
+ function FunTxSummaryLineItemKeyText({ text }) {
7798
+ return /* @__PURE__ */ React76.createElement(Text, {
7799
+ weight: "medium",
7800
+ color: "modalTextDim",
7801
+ size: "12",
7802
+ style: { whiteSpace: "nowrap" }
7803
+ }, text);
7804
+ }
7805
+ function FunTxSummaryDivider() {
7806
+ return /* @__PURE__ */ React76.createElement(Box, {
7807
+ width: "full"
7808
+ }, /* @__PURE__ */ React76.createElement(FunDivider, {
7809
+ marginTop: "4",
7810
+ marginBottom: "4",
7811
+ borderWidth: "0.5"
7812
+ }));
7813
+ }
7814
+
7815
+ // src/components/FunTransactionSummary/FunTransactionSummary.tsx
7816
+ function FeesLineItem({
7817
+ feesItem,
7818
+ isLoading,
7819
+ paymentMethod
7820
+ }) {
7821
+ const [isExpanded, setIsExpanded] = useState21(false);
7822
+ const toggle = () => setIsExpanded(!isExpanded);
7823
+ return /* @__PURE__ */ React77.createElement(Box, {
7824
+ width: "full"
7825
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemCollapsibleTrigger, {
7826
+ isDisabled: isLoading,
7827
+ onClick: toggle
7828
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7829
+ text: "Estimated Fees"
7830
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7831
+ color: "modalTextSecondary"
7832
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7833
+ height: 12,
7834
+ width: 12
7835
+ })) : isNotNullish(feesItem == null ? void 0 : feesItem.totalUsd) ? /* @__PURE__ */ React77.createElement(Box, {
7836
+ display: "flex",
7837
+ gap: "4",
7838
+ alignItems: "center"
7839
+ }, /* @__PURE__ */ React77.createElement(Text, {
7840
+ weight: "medium",
7841
+ color: "modalText",
7842
+ size: "12"
7843
+ }, formatCurrencyAndStringify(
7844
+ parseFloat(feesItem.totalUsd.toString())
7845
+ )), isExpanded ? /* @__PURE__ */ React77.createElement(FunUpArrow, null) : /* @__PURE__ */ React77.createElement(FunDownArrow, null)) : null), /* @__PURE__ */ React77.createElement(FunTxSummaryCollapsibleBox, {
7846
+ isExpanded
7847
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7848
+ text: "Network Fees"
7849
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7850
+ color: "modalTextSecondary"
7851
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7852
+ height: 12,
7853
+ width: 12
7854
+ })) : isNotNullish(feesItem == null ? void 0 : feesItem.transactionFeesUsd) ? /* @__PURE__ */ React77.createElement(Box, {
7855
+ display: "flex",
7856
+ justifyContent: "flex-end"
7857
+ }, isNotNullish(feesItem.transactionFeesTokenAmount) && isNotNullish(feesItem.transactionFeesTokenSymbol) ? /* @__PURE__ */ React77.createElement(Text, {
7858
+ weight: "medium",
7859
+ color: "modalTextDim",
7860
+ size: "12"
7861
+ }, "(", formatCryptoAndStringify(
7862
+ parseFloat(feesItem.transactionFeesTokenAmount.toString()),
7863
+ feesItem.transactionFeesTokenSymbol
7864
+ ), ")\xA0") : null, /* @__PURE__ */ React77.createElement(Text, {
7865
+ weight: "medium",
7866
+ color: "modalText",
7867
+ size: "12"
7868
+ }, formatCurrencyAndStringify(
7869
+ parseFloat(feesItem.transactionFeesUsd.toString())
7870
+ ))) : null), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7871
+ text: paymentMethod === "card" /* CARD */ ? "Card Processing Fees" : "Platform Fees"
7872
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7873
+ color: "modalTextSecondary"
7874
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7875
+ height: 12,
7876
+ width: 12
7877
+ })) : isNotNullish(feesItem == null ? void 0 : feesItem.platformFeesUsd) ? /* @__PURE__ */ React77.createElement(Box, {
7878
+ display: "flex",
7879
+ justifyContent: "flex-end"
7880
+ }, isNotNullish(feesItem.platformFeesTokenAmount) && isNotNullish(feesItem.platformFeesTokenSymbol) ? /* @__PURE__ */ React77.createElement(Text, {
7881
+ weight: "medium",
7882
+ color: "modalTextDim",
7883
+ size: "12"
7884
+ }, "(", formatCryptoAndStringify(
7885
+ parseFloat(feesItem.platformFeesTokenAmount.toString()),
7886
+ feesItem.platformFeesTokenSymbol
7887
+ ), ")\xA0") : null, /* @__PURE__ */ React77.createElement(Text, {
7888
+ weight: "medium",
7889
+ color: "modalText",
7890
+ size: "12"
7891
+ }, formatCurrencyAndStringify(
7892
+ parseFloat(feesItem.platformFeesUsd.toString())
7893
+ ))) : null)));
7894
+ }
7895
+ function PaymentRouteLineItem({
7896
+ isLoading,
7897
+ paymentTokenString,
7898
+ symbol,
7899
+ sourceChainId,
7900
+ destinationChainId
7901
+ }) {
7902
+ const [isExpanded, setIsExpanded] = useState21(false);
7903
+ const toggle = () => setIsExpanded(!isExpanded);
7904
+ return /* @__PURE__ */ React77.createElement(Box, {
7905
+ width: "full"
7906
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemCollapsibleTrigger, {
7907
+ isDisabled: isLoading,
7908
+ onClick: toggle
7909
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7910
+ text: "Payment Route"
7911
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7912
+ color: "modalTextSecondary"
7913
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7914
+ height: 12,
7915
+ width: 12
7916
+ })) : /* @__PURE__ */ React77.createElement(Box, {
7917
+ display: "flex",
7918
+ alignItems: "center",
7919
+ justifyContent: "flex-end",
7920
+ gap: "4"
7921
+ }, symbol ? /* @__PURE__ */ React77.createElement(Box, {
7922
+ display: "flex",
7923
+ alignItems: "center"
7924
+ }, /* @__PURE__ */ React77.createElement(FunAssetAvatar, {
7925
+ assetIconSize: "14",
7926
+ assetTicker: symbol,
7927
+ assetName: symbol,
7928
+ hideIfUnknown: true
7929
+ })) : null, /* @__PURE__ */ React77.createElement(Text, {
7930
+ weight: "medium",
7931
+ color: "modalText",
7932
+ size: "12",
7933
+ style: { textAlign: "end" }
7934
+ }, paymentTokenString), isExpanded ? /* @__PURE__ */ React77.createElement(FunUpArrow, null) : /* @__PURE__ */ React77.createElement(FunDownArrow, null))), /* @__PURE__ */ React77.createElement(FunTxSummaryCollapsibleBox, {
7935
+ isExpanded
7936
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7937
+ text: "Source Chain"
7938
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7939
+ color: "modalTextSecondary"
7940
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7941
+ height: 12,
7942
+ width: 12
7943
+ })) : /* @__PURE__ */ React77.createElement(Box, {
7944
+ display: "flex",
7945
+ alignItems: "center",
7946
+ justifyContent: "flex-end",
7947
+ fontWeight: "medium",
7948
+ color: "modalText",
7949
+ fontSize: "12"
7950
+ }, /* @__PURE__ */ React77.createElement(ChainLineItem, {
7951
+ chainId: Number(sourceChainId),
7952
+ chainIconSize: "14",
7953
+ gap: "4"
7954
+ }))), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7955
+ text: "Destination Chain"
7956
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7957
+ color: "modalTextSecondary"
7958
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7959
+ height: 12,
7960
+ width: 12
7961
+ })) : /* @__PURE__ */ React77.createElement(Box, {
7962
+ display: "flex",
7963
+ alignItems: "center",
7964
+ justifyContent: "flex-end",
7965
+ fontWeight: "medium",
7966
+ color: "modalText",
7967
+ fontSize: "12"
7968
+ }, /* @__PURE__ */ React77.createElement(ChainLineItem, {
7969
+ chainId: Number(destinationChainId),
7970
+ chainIconSize: "14",
7971
+ gap: "4"
7972
+ })))));
7973
+ }
7974
+ function FunTransactionSummary({
7975
+ checkoutId,
7976
+ errorMessage = ""
7977
+ }) {
7978
+ var _a, _b, _c, _d, _e, _f, _g, _h;
7979
+ const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
7980
+ const estFees = {
7981
+ totalUsd: parseInputToNumber(
7982
+ (_a = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _a.finalFeesBreakdown.totalFeesUsd
7983
+ ),
7984
+ transactionFeesUsd: parseInputToNumber(
7985
+ (_b = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _b.finalFeesBreakdown.networkFeesUsd
7986
+ ),
7987
+ platformFeesUsd: parseInputToNumber(
7988
+ (_c = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _c.finalFeesBreakdown.platformFeesUsd
7989
+ )
7990
+ };
7991
+ const estTime = (((_d = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _d.finalTimeEstimationMs) || 0) / 1e3 || 0;
7992
+ const paymentTokenString = useMemo18(() => {
7993
+ var _a2, _b2;
7994
+ return formatCryptoAndStringify(
7995
+ parseFloat(((_a2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _a2.finalPaymentTokenAmount) || "0"),
7996
+ `${(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.symbol}` || ""
7997
+ );
7998
+ }, [
7999
+ (_e = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _e.finalPaymentTokenAmount,
8000
+ (_f = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _f.symbol
8001
+ ]);
8002
+ const paymentMethod = (_g = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _g.paymentMethod;
8003
+ const isLoading = checkoutItem ? (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) : false;
8004
+ const total = parseInputToNumber((_h = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _h.finalTotalUsd);
8005
+ const symbol = (checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.symbol) || "";
8006
+ const sourceChainId = (checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.chainId) || "";
8007
+ const destinationChainId = (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain) || "";
8008
+ return /* @__PURE__ */ React77.createElement(Box, null, /* @__PURE__ */ React77.createElement(Box, {
8009
+ paddingBottom: "8"
8010
+ }, /* @__PURE__ */ React77.createElement(Text, {
8011
+ color: "modalTextSecondary",
8012
+ size: "14",
8013
+ weight: "medium"
8014
+ }, "Transaction Summary")), errorMessage !== "" ? /* @__PURE__ */ React77.createElement(Box, {
8015
+ paddingTop: "16"
8016
+ }, /* @__PURE__ */ React77.createElement(FunNotification, {
8017
+ type: "error",
8018
+ description: errorMessage
8019
+ })) : /* @__PURE__ */ React77.createElement(FunTxSummaryBox, null, /* @__PURE__ */ React77.createElement(PaymentRouteLineItem, {
8020
+ paymentTokenString,
8021
+ symbol,
8022
+ sourceChainId,
8023
+ destinationChainId,
8024
+ isLoading
8025
+ }), /* @__PURE__ */ React77.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React77.createElement(FeesLineItem, {
8026
+ feesItem: estFees,
8027
+ isLoading,
8028
+ paymentMethod
8029
+ }), /* @__PURE__ */ React77.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
8030
+ text: "Est. Processing Time"
8031
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
8032
+ color: "modalTextSecondary"
8033
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
8034
+ height: 12,
8035
+ width: 12
8036
+ })) : isNotNullish(estTime) ? /* @__PURE__ */ React77.createElement(Text, {
8037
+ weight: "medium",
8038
+ color: "modalText",
8039
+ size: "12",
8040
+ textAlign: "right"
8041
+ }, formatSecondsToReadableForm(
8042
+ parseFloat(estTime == null ? void 0 : estTime.toString()),
8043
+ true,
8044
+ false
8045
+ )) : null), /* @__PURE__ */ React77.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
8046
+ text: "Total"
8047
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
8048
+ color: "modalTextSecondary"
8049
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
8050
+ height: 12,
8051
+ width: 12
8052
+ })) : isNotNullish(total) ? /* @__PURE__ */ React77.createElement(Text, {
8053
+ weight: "medium",
8054
+ color: "modalText",
8055
+ size: "12"
8056
+ }, formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)));
8057
+ }
8058
+
8059
+ // src/components/FunCheckoutModal/FunCheckoutConfirmationStep.tsx
8060
+ function FunCheckoutConfirmationStep({
8061
+ checkoutId,
8062
+ checkoutStep,
8063
+ regenerateQuoteFn,
8064
+ onFinish,
8065
+ animateOut
8066
+ }) {
8067
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
8068
+ const { writeContractAsync } = useWriteContract();
8069
+ const { sendTransactionAsync } = useSendTransaction();
8070
+ const { checkoutItem, updateSelectedPaymentMethodInfo, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
7594
8071
  const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
7595
8072
  const funkitConfig = useFunkitConfig();
7596
- const hasQuoteError = useMemo17(
8073
+ const hasQuoteError = useMemo19(
7597
8074
  () => (checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage) !== "",
7598
8075
  [checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage]
7599
8076
  );
@@ -7603,23 +8080,23 @@ function FunCheckoutConfirmationStep({
7603
8080
  const hasDraftValueAndMethodError = ((_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.paymentMethod) === "card" /* CARD */ && isAmountValidForMoonpay({
7604
8081
  amountUsd: ((checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0).toString()
7605
8082
  });
7606
- const [isConfirming, setIsConfirming] = useState21(false);
7607
- const [checkoutStepMessage, setCheckoutStepMessage] = useState21("");
7608
- const [confirmationError, setConfirmationError] = useState21("");
7609
- const hasCheckoutConfirmationError = useMemo17(
8083
+ const [isConfirming, setIsConfirming] = useState22(false);
8084
+ const [checkoutStepMessage, setCheckoutStepMessage] = useState22("");
8085
+ const [confirmationError, setConfirmationError] = useState22("");
8086
+ const hasCheckoutConfirmationError = useMemo19(
7610
8087
  () => confirmationError !== "",
7611
8088
  [confirmationError]
7612
8089
  );
7613
- const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState21(false);
7614
- const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState21("");
7615
- const [postCheckoutError, setPostCheckoutError] = useState21("");
7616
- const hasPostCheckoutError = useMemo17(
8090
+ const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState22(false);
8091
+ const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState22("");
8092
+ const [postCheckoutError, setPostCheckoutError] = useState22("");
8093
+ const hasPostCheckoutError = useMemo19(
7617
8094
  () => postCheckoutError !== "",
7618
8095
  [postCheckoutError]
7619
8096
  );
7620
8097
  const handleMeshPostCheckout = useCallback17(
7621
8098
  async (depositAddress) => {
7622
- var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2;
8099
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o;
7623
8100
  if (!funkitConfig.apiKey) {
7624
8101
  throw new Error("Invalid funkit apiKey");
7625
8102
  }
@@ -7638,7 +8115,7 @@ function FunCheckoutConfirmationStep({
7638
8115
  (_n2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _n2.symbol,
7639
8116
  depositAddress,
7640
8117
  roundUpToXDecimalPlaces(
7641
- (_o2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _o2.baseQuote.estTotalFromAmount.toString(),
8118
+ (_o = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _o.baseQuote.estTotalFromAmount.toString(),
7642
8119
  5
7643
8120
  ).toString(),
7644
8121
  null,
@@ -7895,62 +8372,32 @@ function FunCheckoutConfirmationStep({
7895
8372
  showToast,
7896
8373
  regenerateQuoteFn
7897
8374
  ]);
7898
- const paymentTokenString = useMemo17(() => {
7899
- var _a2, _b2, _c2, _d2, _e2, _f2;
7900
- 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 : "";
7901
- return formatCryptoAndStringify(
7902
- parseFloat(((_e2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _e2.finalPaymentTokenAmount) || "0"),
7903
- `${(_f2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _f2.symbol}${sourceChainName ? ` (${sourceChainName})` : ""}` || ""
7904
- );
7905
- }, [
7906
- (_o = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _o.finalPaymentTokenAmount,
7907
- (_p = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _p.chainId,
7908
- (_q = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _q.symbol
7909
- ]);
7910
8375
  const hasError = hasDraftValueAndMethodError || hasQuoteError || hasCheckoutConfirmationError || hasPostCheckoutError;
7911
8376
  const isNotificationVisible = !hasError && (!!postCheckoutStepMessage || !!checkoutStepMessage);
7912
- return /* @__PURE__ */ React75.createElement(Box, {
8377
+ return /* @__PURE__ */ React78.createElement(Box, {
7913
8378
  display: "flex",
7914
8379
  flexDirection: "column",
7915
8380
  paddingY: "24",
7916
8381
  className: animateOut ? animateContentOutClass : animateContentInClass
7917
- }, /* @__PURE__ */ React75.createElement(CheckoutPrimaryInfo, {
8382
+ }, /* @__PURE__ */ React78.createElement(CheckoutPrimaryInfo, {
7918
8383
  checkoutId,
7919
8384
  checkoutStep,
7920
8385
  prioritizeDraftValue: false
7921
- }), /* @__PURE__ */ React75.createElement(Box, {
8386
+ }), /* @__PURE__ */ React78.createElement(Box, {
7922
8387
  display: "flex",
7923
8388
  flexDirection: "column",
7924
8389
  gap: "24",
7925
8390
  paddingY: "24"
7926
- }, (checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) ? /* @__PURE__ */ React75.createElement(ExistingPaymentMethodItem, {
8391
+ }, (checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) ? /* @__PURE__ */ React78.createElement(ExistingPaymentMethodItem, {
7927
8392
  paymentMethodInfo: checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo,
7928
8393
  isClickable: false
7929
- }) : null, /* @__PURE__ */ React75.createElement(FunTransactionSummary, {
7930
- estFees: {
7931
- totalUsd: parseInputToNumber(
7932
- (_r = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _r.finalFeesBreakdown.totalFeesUsd
7933
- ),
7934
- transactionFeesUsd: parseInputToNumber(
7935
- (_s = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _s.finalFeesBreakdown.networkFeesUsd
7936
- ),
7937
- platformFeesUsd: parseInputToNumber(
7938
- (_t = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _t.finalFeesBreakdown.platformFeesUsd
7939
- )
7940
- },
7941
- paymentMethod: (_u = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _u.paymentMethod,
7942
- estTime: (((_v = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _v.finalTimeEstimationMs) || 0) / 1e3 || 0,
7943
- hasTotal: true,
7944
- total: parseInputToNumber((_w = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _w.finalTotalUsd),
7945
- isLoading: (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting),
7946
- hasPaymentToken: true,
7947
- paymentTokenString,
7948
- symbol: (_x = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _x.symbol,
8394
+ }) : null, /* @__PURE__ */ React78.createElement(FunTransactionSummary, {
8395
+ checkoutId,
7949
8396
  errorMessage: hasDraftValueAndMethodError ? generateInsufficientAmountForMoonpayError(
7950
8397
  1 /* CHECKOUT */,
7951
8398
  false
7952
8399
  ) : hasQuoteError ? checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage : hasCheckoutConfirmationError ? confirmationError : hasPostCheckoutError ? postCheckoutError : ""
7953
- })), /* @__PURE__ */ React75.createElement(FunNotification, {
8400
+ })), /* @__PURE__ */ React78.createElement(FunNotification, {
7954
8401
  description: postCheckoutStepMessage || checkoutStepMessage,
7955
8402
  type: "default",
7956
8403
  isVisible: isNotificationVisible,
@@ -7959,39 +8406,39 @@ function FunCheckoutConfirmationStep({
7959
8406
  marginBottom: isNotificationVisible ? 24 : 0
7960
8407
  }
7961
8408
  }
7962
- }), /* @__PURE__ */ React75.createElement(Box, {
8409
+ }), /* @__PURE__ */ React78.createElement(Box, {
7963
8410
  display: "flex",
7964
8411
  flexDirection: "column",
7965
8412
  gap: "4"
7966
- }, /* @__PURE__ */ React75.createElement(FunButton, {
8413
+ }, /* @__PURE__ */ React78.createElement(FunButton, {
7967
8414
  title: "Confirm Order",
7968
8415
  isDisabled: (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || isConfirming || hasDraftValueAndMethodError || hasQuoteError || isPostCheckoutLoading || hasCheckoutConfirmationError || hasPostCheckoutError,
7969
- titleSuffix: isConfirming || isPostCheckoutLoading ? /* @__PURE__ */ React75.createElement(Box, {
8416
+ titleSuffix: isConfirming || isPostCheckoutLoading ? /* @__PURE__ */ React78.createElement(Box, {
7970
8417
  display: "flex",
7971
8418
  alignItems: "center",
7972
8419
  color: "modalText"
7973
- }, /* @__PURE__ */ React75.createElement(SpinnerIcon, {
8420
+ }, /* @__PURE__ */ React78.createElement(SpinnerIcon, {
7974
8421
  height: 16,
7975
8422
  width: 16
7976
8423
  })) : null,
7977
8424
  onClick: onClickConfirm
7978
- }), /* @__PURE__ */ React75.createElement(FunTermsAndConditionsTextButton, null)));
8425
+ }), /* @__PURE__ */ React78.createElement(FunTermsAndConditionsTextButton, null)));
7979
8426
  }
7980
8427
 
7981
8428
  // src/components/FunCheckoutModal/FunCheckoutInputAmountStep.tsx
7982
8429
  import { getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout4 } from "@funkit/core";
7983
- import React77, { useCallback as useCallback18, useEffect as useEffect18, useMemo as useMemo18, useState as useState22 } from "react";
8430
+ import React80, { useCallback as useCallback18, useEffect as useEffect19, useMemo as useMemo20, useState as useState23 } from "react";
7984
8431
 
7985
8432
  // src/components/Icons/SwitchIcon.tsx
7986
- import React76 from "react";
8433
+ import React79 from "react";
7987
8434
  var SwitchIcon = () => {
7988
- return /* @__PURE__ */ React76.createElement("svg", {
8435
+ return /* @__PURE__ */ React79.createElement("svg", {
7989
8436
  width: "12",
7990
8437
  height: "11",
7991
8438
  viewBox: "0 0 9 8",
7992
8439
  fill: "none",
7993
8440
  xmlns: "http://www.w3.org/2000/svg"
7994
- }, /* @__PURE__ */ React76.createElement("path", {
8441
+ }, /* @__PURE__ */ React79.createElement("path", {
7995
8442
  d: "M3.72534 0.5V7.5L1.10034 5.09375M5.47531 7.50015V0.500154L8.10031 2.9064",
7996
8443
  stroke: "currentColor",
7997
8444
  strokeWidth: "0.874966",
@@ -8009,14 +8456,14 @@ function FunCheckoutInputAmountStep({
8009
8456
  const { apiKey } = useFunkitConfig();
8010
8457
  const { active: active2 } = useActiveTheme();
8011
8458
  const { checkoutItem, updateTargetAssetAmount, getCheckoutDraftDollarValue } = useFunkitPreCheckoutInternal(checkoutId);
8012
- const [isAmountInAbsolute, setIsAmountInAbsolute] = useState22(false);
8013
- const [isInited, setIsInited] = useState22(false);
8459
+ const [isAmountInAbsolute, setIsAmountInAbsolute] = useState23(false);
8460
+ const [isInited, setIsInited] = useState23(false);
8014
8461
  const initialAssetAmount = (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAssetAmount) || 0;
8015
- const [amountInput, setAmountInput] = useState22("");
8016
- const [unitPrice, setUnitPrice] = useState22(null);
8017
- const [errorMessage, setErrorMessage] = useState22("");
8018
- const [rotateIconAnimation, setRotateIconAnimation] = useState22(false);
8019
- useEffect18(() => {
8462
+ const [amountInput, setAmountInput] = useState23("");
8463
+ const [unitPrice, setUnitPrice] = useState23(null);
8464
+ const [errorMessage, setErrorMessage] = useState23("");
8465
+ const [rotateIconAnimation, setRotateIconAnimation] = useState23(false);
8466
+ useEffect19(() => {
8020
8467
  const fetchPrice = async () => {
8021
8468
  var _a, _b, _c, _d;
8022
8469
  try {
@@ -8037,7 +8484,7 @@ function FunCheckoutInputAmountStep({
8037
8484
  const id = setInterval(fetchPrice, 5e3);
8038
8485
  return () => clearInterval(id);
8039
8486
  }, []);
8040
- useEffect18(() => {
8487
+ useEffect19(() => {
8041
8488
  if (unitPrice == null || isInited)
8042
8489
  return;
8043
8490
  if (isAmountInAbsolute) {
@@ -8050,7 +8497,7 @@ function FunCheckoutInputAmountStep({
8050
8497
  }
8051
8498
  setIsInited(true);
8052
8499
  }, [initialAssetAmount, isAmountInAbsolute, isInited, unitPrice]);
8053
- const finalAmounts = useMemo18(() => {
8500
+ const finalAmounts = useMemo20(() => {
8054
8501
  if (unitPrice == null) {
8055
8502
  return {
8056
8503
  usdEquivalent: 0,
@@ -8064,7 +8511,7 @@ function FunCheckoutInputAmountStep({
8064
8511
  absoluteEquivalent: parseFloat(absoluteEquivalent.toFixed(5))
8065
8512
  };
8066
8513
  }, [amountInput, isAmountInAbsolute, unitPrice]);
8067
- const [isContinuing, setIsContinuing] = useState22(false);
8514
+ const [isContinuing, setIsContinuing] = useState23(false);
8068
8515
  const onClickContinue = useCallback18(async () => {
8069
8516
  setIsContinuing(true);
8070
8517
  await updateTargetAssetAmount(finalAmounts.absoluteEquivalent);
@@ -8077,28 +8524,28 @@ function FunCheckoutInputAmountStep({
8077
8524
  onContinue,
8078
8525
  updateTargetAssetAmount
8079
8526
  ]);
8080
- return /* @__PURE__ */ React77.createElement(Box, {
8527
+ return /* @__PURE__ */ React80.createElement(Box, {
8081
8528
  display: "flex",
8082
8529
  flexDirection: "column",
8083
8530
  gap: "24",
8084
8531
  paddingY: "24",
8085
8532
  width: "full",
8086
8533
  className: animateOut ? animateContentOutClass : animateContentInClass
8087
- }, unitPrice == null && !errorMessage ? /* @__PURE__ */ React77.createElement(Box, {
8534
+ }, unitPrice == null && !errorMessage ? /* @__PURE__ */ React80.createElement(Box, {
8088
8535
  display: "flex",
8089
8536
  flexDirection: "column",
8090
8537
  justifyContent: "center",
8091
8538
  alignItems: "center",
8092
8539
  width: "full",
8093
8540
  style: { height: 130 }
8094
- }, /* @__PURE__ */ React77.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React77.createElement(Box, {
8541
+ }, /* @__PURE__ */ React80.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React80.createElement(Box, {
8095
8542
  display: "flex",
8096
8543
  flexDirection: "column",
8097
8544
  justifyContent: "center",
8098
8545
  alignItems: "center",
8099
8546
  gap: "8",
8100
8547
  width: "full"
8101
- }, /* @__PURE__ */ React77.createElement(FunInput, {
8548
+ }, /* @__PURE__ */ React80.createElement(FunInput, {
8102
8549
  value: amountInput === "" ? "" : isAmountInAbsolute ? amountInput : `$${amountInput}`,
8103
8550
  placeholder: isAmountInAbsolute ? "0.00000" : "$0.00",
8104
8551
  onChange: (newAmount) => {
@@ -8130,17 +8577,17 @@ function FunCheckoutInputAmountStep({
8130
8577
  },
8131
8578
  hasBackground: false,
8132
8579
  textColor: "modalText"
8133
- }), /* @__PURE__ */ React77.createElement(Box, {
8580
+ }), /* @__PURE__ */ React80.createElement(Box, {
8134
8581
  display: "flex",
8135
8582
  justifyContent: "center",
8136
8583
  alignItems: "center",
8137
8584
  gap: "4"
8138
- }, /* @__PURE__ */ React77.createElement(Text, {
8585
+ }, /* @__PURE__ */ React80.createElement(Text, {
8139
8586
  color: "modalTextSecondary"
8140
- }, isAmountInAbsolute ? formatCurrencyAndStringify(finalAmounts.usdEquivalent) : formatCryptoAndStringify(finalAmounts.absoluteEquivalent)), /* @__PURE__ */ React77.createElement(FunIconButton, {
8587
+ }, isAmountInAbsolute ? formatCurrencyAndStringify(finalAmounts.usdEquivalent) : formatCryptoAndStringify(finalAmounts.absoluteEquivalent)), /* @__PURE__ */ React80.createElement(FunIconButton, {
8141
8588
  size: "20",
8142
8589
  showBorder: false,
8143
- icon: /* @__PURE__ */ React77.createElement(SwitchIcon, null),
8590
+ icon: /* @__PURE__ */ React80.createElement(SwitchIcon, null),
8144
8591
  color: { base: "modalTextSecondary", hover: "accentColor" },
8145
8592
  onClick: () => {
8146
8593
  setRotateIconAnimation(true);
@@ -8153,7 +8600,7 @@ function FunCheckoutInputAmountStep({
8153
8600
  }, 1e3);
8154
8601
  },
8155
8602
  rotateIconAnimation
8156
- })), /* @__PURE__ */ React77.createElement(FunNotification, {
8603
+ })), /* @__PURE__ */ React80.createElement(FunNotification, {
8157
8604
  type: "error",
8158
8605
  description: errorMessage,
8159
8606
  isVisible: !!errorMessage,
@@ -8164,14 +8611,14 @@ function FunCheckoutInputAmountStep({
8164
8611
  marginBottom: errorMessage ? 0 : -8
8165
8612
  }
8166
8613
  }
8167
- })), /* @__PURE__ */ React77.createElement(FunButton, {
8614
+ })), /* @__PURE__ */ React80.createElement(FunButton, {
8168
8615
  title: "Continue",
8169
8616
  isDisabled: unitPrice == null || isContinuing || (finalAmounts.absoluteEquivalent || 0) <= 0 || finalAmounts.usdEquivalent <= 0,
8170
- titleSuffix: isContinuing ? /* @__PURE__ */ React77.createElement(Box, {
8617
+ titleSuffix: isContinuing ? /* @__PURE__ */ React80.createElement(Box, {
8171
8618
  display: "flex",
8172
8619
  alignItems: "center",
8173
8620
  color: "modalText"
8174
- }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
8621
+ }, /* @__PURE__ */ React80.createElement(SpinnerIcon, {
8175
8622
  height: 16,
8176
8623
  width: 16
8177
8624
  })) : null,
@@ -8184,17 +8631,17 @@ import {
8184
8631
  FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
8185
8632
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7
8186
8633
  } from "@funkit/core";
8187
- import React79, { useCallback as useCallback19, useEffect as useEffect19, useMemo as useMemo19, useState as useState23 } from "react";
8634
+ import React82, { useCallback as useCallback19, useEffect as useEffect20, useMemo as useMemo21, useState as useState24 } from "react";
8188
8635
 
8189
8636
  // src/components/SkeletalLoader/SkeletalLoader.tsx
8190
- import React78 from "react";
8637
+ import React81 from "react";
8191
8638
 
8192
8639
  // src/components/SkeletalLoader/SkeletalLoader.css.ts
8193
8640
  var pulseAnimation = "ahnyb11";
8194
8641
 
8195
8642
  // src/components/SkeletalLoader/SkeletalLoader.tsx
8196
8643
  var SingleLoader = () => {
8197
- return /* @__PURE__ */ React78.createElement("div", {
8644
+ return /* @__PURE__ */ React81.createElement("div", {
8198
8645
  key: "loading-1",
8199
8646
  style: {
8200
8647
  width: 411,
@@ -8204,14 +8651,14 @@ var SingleLoader = () => {
8204
8651
  display: "inline-flex"
8205
8652
  },
8206
8653
  className: pulseAnimation
8207
- }, /* @__PURE__ */ React78.createElement("div", {
8654
+ }, /* @__PURE__ */ React81.createElement("div", {
8208
8655
  style: {
8209
8656
  justifyContent: "center",
8210
8657
  alignItems: "flex-start",
8211
8658
  gap: 10,
8212
8659
  display: "flex"
8213
8660
  }
8214
- }, /* @__PURE__ */ React78.createElement(Box, {
8661
+ }, /* @__PURE__ */ React81.createElement(Box, {
8215
8662
  background: "loadingBase",
8216
8663
  style: {
8217
8664
  width: 24,
@@ -8219,7 +8666,7 @@ var SingleLoader = () => {
8219
8666
  position: "relative",
8220
8667
  borderRadius: 40
8221
8668
  }
8222
- }), /* @__PURE__ */ React78.createElement("div", {
8669
+ }), /* @__PURE__ */ React81.createElement("div", {
8223
8670
  style: {
8224
8671
  flexDirection: "column",
8225
8672
  justifyContent: "flex-start",
@@ -8227,21 +8674,21 @@ var SingleLoader = () => {
8227
8674
  gap: 7,
8228
8675
  display: "inline-flex"
8229
8676
  }
8230
- }, /* @__PURE__ */ React78.createElement(Box, {
8677
+ }, /* @__PURE__ */ React81.createElement(Box, {
8231
8678
  background: "loadingAccent",
8232
8679
  style: {
8233
8680
  width: 114,
8234
8681
  height: 15,
8235
8682
  borderRadius: 12
8236
8683
  }
8237
- }), /* @__PURE__ */ React78.createElement(Box, {
8684
+ }), /* @__PURE__ */ React81.createElement(Box, {
8238
8685
  background: "loadingBase",
8239
8686
  style: {
8240
8687
  width: 114,
8241
8688
  height: 15,
8242
8689
  borderRadius: 12
8243
8690
  }
8244
- }))), /* @__PURE__ */ React78.createElement("div", {
8691
+ }))), /* @__PURE__ */ React81.createElement("div", {
8245
8692
  style: {
8246
8693
  flexDirection: "column",
8247
8694
  justifyContent: "center",
@@ -8249,7 +8696,7 @@ var SingleLoader = () => {
8249
8696
  gap: 2,
8250
8697
  display: "inline-flex"
8251
8698
  }
8252
- }, /* @__PURE__ */ React78.createElement(Box, {
8699
+ }, /* @__PURE__ */ React81.createElement(Box, {
8253
8700
  background: "loadingBase",
8254
8701
  style: {
8255
8702
  width: 114,
@@ -8259,19 +8706,19 @@ var SingleLoader = () => {
8259
8706
  })));
8260
8707
  };
8261
8708
  var triple = [
8262
- /* @__PURE__ */ React78.createElement(SingleLoader, {
8709
+ /* @__PURE__ */ React81.createElement(SingleLoader, {
8263
8710
  key: 1
8264
8711
  }),
8265
- /* @__PURE__ */ React78.createElement(SingleLoader, {
8712
+ /* @__PURE__ */ React81.createElement(SingleLoader, {
8266
8713
  key: 2
8267
8714
  }),
8268
- /* @__PURE__ */ React78.createElement(SingleLoader, {
8715
+ /* @__PURE__ */ React81.createElement(SingleLoader, {
8269
8716
  key: 3
8270
8717
  })
8271
8718
  ];
8272
8719
  var SkeletalLoader = () => {
8273
8720
  return triple.map((loader, i) => {
8274
- return /* @__PURE__ */ React78.createElement("div", {
8721
+ return /* @__PURE__ */ React81.createElement("div", {
8275
8722
  key: i
8276
8723
  }, loader);
8277
8724
  });
@@ -8285,9 +8732,9 @@ function MeshOrAccountSelectAsset({
8285
8732
  isOnFinishLoading
8286
8733
  }) {
8287
8734
  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
8288
- const [accountHoldingsMap, setAccountHoldingsMap] = useState23({});
8289
- const [isLoadingAssets, setIsLoadingAssets] = useState23(true);
8290
- const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState23("");
8735
+ const [accountHoldingsMap, setAccountHoldingsMap] = useState24({});
8736
+ const [isLoadingAssets, setIsLoadingAssets] = useState24(true);
8737
+ const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState24("");
8291
8738
  const { checkoutItem, updateSourceAsset } = useFunkitPreCheckoutInternal(checkoutId);
8292
8739
  const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
8293
8740
  const draftDollarValueNormalized = (checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0;
@@ -8414,7 +8861,7 @@ function MeshOrAccountSelectAsset({
8414
8861
  });
8415
8862
  return itemMap;
8416
8863
  }, [checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain, walletAssets]);
8417
- useEffect19(() => {
8864
+ useEffect20(() => {
8418
8865
  async function fetchAccountHoldings() {
8419
8866
  var _a2;
8420
8867
  const isMapInited = Object.keys(accountHoldingsMap).length > 0;
@@ -8438,7 +8885,7 @@ function MeshOrAccountSelectAsset({
8438
8885
  generateAccountHoldingsMapForMesh,
8439
8886
  generateAccountHoldingsMapForBalance
8440
8887
  ]);
8441
- const assetOptions = useMemo19(() => {
8888
+ const assetOptions = useMemo21(() => {
8442
8889
  var _a2, _b2;
8443
8890
  if (!checkoutItem || !((_a2 = checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod))
8444
8891
  return [];
@@ -8459,33 +8906,33 @@ function MeshOrAccountSelectAsset({
8459
8906
  return {
8460
8907
  value: chainSymbolKey,
8461
8908
  isDisabled: isTokenDisabled,
8462
- label: /* @__PURE__ */ React79.createElement(Box, {
8909
+ label: /* @__PURE__ */ React82.createElement(Box, {
8463
8910
  alignItems: "center",
8464
8911
  display: "flex",
8465
8912
  flexDirection: "row",
8466
8913
  justifyContent: "space-between",
8467
8914
  style: { fontSize: 12 },
8468
8915
  key: chainSymbolKey
8469
- }, /* @__PURE__ */ React79.createElement(Box, {
8916
+ }, /* @__PURE__ */ React82.createElement(Box, {
8470
8917
  display: "flex",
8471
8918
  justifyContent: "flex-start",
8472
8919
  alignItems: "center",
8473
8920
  gap: "12"
8474
- }, /* @__PURE__ */ React79.createElement(FunAssetAvatar, {
8921
+ }, /* @__PURE__ */ React82.createElement(FunAssetAvatar, {
8475
8922
  assetSrc: item.iconSrc,
8476
8923
  assetTicker: item.symbol,
8477
8924
  assetName: item.symbol,
8478
8925
  assetIconSize: "24",
8479
8926
  chainId: item.pickedChainId,
8480
8927
  chainIconSize: "10"
8481
- }), /* @__PURE__ */ React79.createElement(Box, null, /* @__PURE__ */ React79.createElement("div", null, item.symbol), isNotNullish(item.amount) ? /* @__PURE__ */ React79.createElement("div", null, formatCryptoAndStringify(item.amount)) : null)), /* @__PURE__ */ React79.createElement(Box, {
8928
+ }), /* @__PURE__ */ React82.createElement(Box, null, /* @__PURE__ */ React82.createElement("div", null, item.symbol), isNotNullish(item.amount) ? /* @__PURE__ */ React82.createElement("div", null, formatCryptoAndStringify(item.amount)) : null)), /* @__PURE__ */ React82.createElement(Box, {
8482
8929
  display: "flex",
8483
8930
  alignItems: "center",
8484
8931
  justifyContent: "flex-end",
8485
8932
  gap: "8"
8486
- }, badgeText ? /* @__PURE__ */ React79.createElement(FunBadge, {
8933
+ }, badgeText ? /* @__PURE__ */ React82.createElement(FunBadge, {
8487
8934
  text: badgeText
8488
- }) : null, /* @__PURE__ */ React79.createElement("div", null, formatCurrencyAndStringify(item.usdAmount || 0)))),
8935
+ }) : null, /* @__PURE__ */ React82.createElement("div", null, formatCurrencyAndStringify(item.usdAmount || 0)))),
8489
8936
  labelMeta: item.usdAmount
8490
8937
  };
8491
8938
  }).sort(
@@ -8514,38 +8961,38 @@ function MeshOrAccountSelectAsset({
8514
8961
  quoteNotificationMessage,
8515
8962
  clearCheckoutQuoteMessages
8516
8963
  } = useCheckoutQuoteNotification(checkoutId || "");
8517
- const [insufficientAssetError, setInsufficientAssetError] = useState23("");
8964
+ const [insufficientAssetError, setInsufficientAssetError] = useState24("");
8518
8965
  const hasInsufficientAssetError = !!insufficientAssetError;
8519
8966
  const showNotification = hasInsufficientAssetError || showQuoteNotification;
8520
- useEffect19(() => {
8967
+ useEffect20(() => {
8521
8968
  if (checkoutItem == null ? void 0 : checkoutItem.isDrafting) {
8522
8969
  setSelectedChainTokenSymbol("");
8523
8970
  setInsufficientAssetError("");
8524
8971
  }
8525
8972
  }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting]);
8526
- return /* @__PURE__ */ React79.createElement(Box, null, /* @__PURE__ */ React79.createElement(CheckoutPrimaryInfo, {
8973
+ return /* @__PURE__ */ React82.createElement(Box, null, /* @__PURE__ */ React82.createElement(CheckoutPrimaryInfo, {
8527
8974
  checkoutId,
8528
8975
  checkoutStep,
8529
8976
  prioritizeDraftValue: true
8530
- }), /* @__PURE__ */ React79.createElement(Box, {
8977
+ }), /* @__PURE__ */ React82.createElement(Box, {
8531
8978
  display: "flex",
8532
8979
  flexDirection: "column",
8533
8980
  gap: "10",
8534
8981
  paddingTop: "24"
8535
- }, /* @__PURE__ */ React79.createElement(Text, {
8982
+ }, /* @__PURE__ */ React82.createElement(Text, {
8536
8983
  color: "modalTextSecondary",
8537
8984
  size: "18",
8538
8985
  weight: "semibold"
8539
- }, funkitConfig.textCustomizations.payWith)), /* @__PURE__ */ React79.createElement(Box, {
8986
+ }, funkitConfig.textCustomizations.payWith)), /* @__PURE__ */ React82.createElement(Box, {
8540
8987
  paddingBottom: "24",
8541
8988
  paddingTop: "8"
8542
- }, isLoadingAssets ? /* @__PURE__ */ React79.createElement(Box, {
8989
+ }, isLoadingAssets ? /* @__PURE__ */ React82.createElement(Box, {
8543
8990
  display: "flex",
8544
8991
  flexDirection: "column",
8545
8992
  gap: "10"
8546
- }, /* @__PURE__ */ React79.createElement(SkeletalLoader, {
8993
+ }, /* @__PURE__ */ React82.createElement(SkeletalLoader, {
8547
8994
  key: "skeletal-loader"
8548
- })) : /* @__PURE__ */ React79.createElement(FunSelectDropdown, {
8995
+ })) : /* @__PURE__ */ React82.createElement(FunSelectDropdown, {
8549
8996
  handleSelect: (newValue) => {
8550
8997
  setSelectedChainTokenSymbol(newValue);
8551
8998
  clearCheckoutQuoteMessages();
@@ -8565,21 +9012,21 @@ function MeshOrAccountSelectAsset({
8565
9012
  optionItemPadding: "12",
8566
9013
  showBorder: false,
8567
9014
  baseOptionBackgroundColor: "transparent"
8568
- })), /* @__PURE__ */ React79.createElement(Box, {
9015
+ })), /* @__PURE__ */ React82.createElement(Box, {
8569
9016
  paddingBottom: showNotification ? "24" : "0"
8570
- }, /* @__PURE__ */ React79.createElement(FunNotification, {
9017
+ }, /* @__PURE__ */ React82.createElement(FunNotification, {
8571
9018
  isVisible: showNotification,
8572
9019
  type: hasQuoteError ? "error" : "default",
8573
9020
  description: quoteNotificationMessage || insufficientAssetError
8574
- })), /* @__PURE__ */ React79.createElement(FunButton, {
9021
+ })), /* @__PURE__ */ React82.createElement(FunButton, {
8575
9022
  type: "primary",
8576
9023
  title: "Continue",
8577
9024
  isDisabled: !selectedChainTokenSymbol || hasInsufficientAssetError || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || showQuoteNotification || isOnFinishLoading,
8578
- titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React79.createElement(Box, {
9025
+ titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React82.createElement(Box, {
8579
9026
  display: "flex",
8580
9027
  alignItems: "center",
8581
9028
  color: "modalText"
8582
- }, /* @__PURE__ */ React79.createElement(SpinnerIcon, {
9029
+ }, /* @__PURE__ */ React82.createElement(SpinnerIcon, {
8583
9030
  height: 16,
8584
9031
  width: 16
8585
9032
  })) : null,
@@ -8595,7 +9042,7 @@ function FunCheckoutSelectAssetStep({
8595
9042
  }) {
8596
9043
  var _a, _b;
8597
9044
  const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
8598
- return /* @__PURE__ */ React79.createElement(Box, {
9045
+ return /* @__PURE__ */ React82.createElement(Box, {
8599
9046
  display: "flex",
8600
9047
  flexDirection: "column",
8601
9048
  gap: "24",
@@ -8603,18 +9050,18 @@ function FunCheckoutSelectAssetStep({
8603
9050
  className: animateOut ? animateContentOutClass : animateContentInClass
8604
9051
  }, isNotNullish((_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
8605
9052
  (_b = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _b.paymentMethod
8606
- ) ? /* @__PURE__ */ React79.createElement(MeshOrAccountSelectAsset, {
9053
+ ) ? /* @__PURE__ */ React82.createElement(MeshOrAccountSelectAsset, {
8607
9054
  isOnFinishLoading,
8608
9055
  onFinish,
8609
9056
  checkoutId,
8610
9057
  checkoutStep
8611
- }) : /* @__PURE__ */ React79.createElement(Text, {
9058
+ }) : /* @__PURE__ */ React82.createElement(Text, {
8612
9059
  color: "modalTextSecondary"
8613
9060
  }, "Unsupported payment method"));
8614
9061
  }
8615
9062
 
8616
9063
  // src/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.tsx
8617
- import React80 from "react";
9064
+ import React83 from "react";
8618
9065
  function FunCheckoutVerifyDetailsStep({
8619
9066
  checkoutId,
8620
9067
  checkoutStep,
@@ -8622,17 +9069,17 @@ function FunCheckoutVerifyDetailsStep({
8622
9069
  }) {
8623
9070
  const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
8624
9071
  const isDraftDollarValueReady = isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting);
8625
- return /* @__PURE__ */ React80.createElement(Box, {
9072
+ return /* @__PURE__ */ React83.createElement(Box, {
8626
9073
  display: "flex",
8627
9074
  flexDirection: "column",
8628
9075
  gap: "24",
8629
9076
  paddingTop: "24",
8630
9077
  paddingBottom: "16"
8631
- }, /* @__PURE__ */ React80.createElement(CheckoutPrimaryInfo, {
9078
+ }, /* @__PURE__ */ React83.createElement(CheckoutPrimaryInfo, {
8632
9079
  checkoutId,
8633
9080
  checkoutStep,
8634
9081
  prioritizeDraftValue: true
8635
- }), /* @__PURE__ */ React80.createElement(FunPaymentMethods, {
9082
+ }), /* @__PURE__ */ React83.createElement(FunPaymentMethods, {
8636
9083
  checkoutId,
8637
9084
  paymentFlow: 1 /* CHECKOUT */,
8638
9085
  onSelect: onSelectPaymentMethod,
@@ -8660,23 +9107,23 @@ function FunCheckoutModal({
8660
9107
  const userIpInfo = useFunkitMoonpayUserIp();
8661
9108
  const { updateSourceAsset, updateSelectedPaymentMethodInfo, reDraftSymbol } = useFunkitPreCheckoutInternal(checkoutId);
8662
9109
  const { openFunCheckoutHistoryModal } = useFunCheckoutHistoryModal();
8663
- const [isSoftHidden, setIsSoftHidden] = useState24(false);
8664
- const [animateOut, setAnimateOut] = useState24(false);
9110
+ const [isSoftHidden, setIsSoftHidden] = useState25(false);
9111
+ const [animateOut, setAnimateOut] = useState25(false);
8665
9112
  const { checkoutItem, getCheckoutQuote } = useFunkitPreCheckoutInternal(
8666
9113
  checkoutId || ""
8667
9114
  );
8668
9115
  const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification(
8669
9116
  checkoutId || ""
8670
9117
  );
8671
- const [checkoutStep, setCheckoutStep] = useState24(
9118
+ const [checkoutStep, setCheckoutStep] = useState25(
8672
9119
  (checkoutItem == null ? void 0 : checkoutItem.isFastForwarded) ? "confirmation" /* CONFIRMATION */ : (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAssetAmount) === 0 && !checkoutItem.initSettings.config.disableEditing ? "input_amount" /* INPUT_AMOUNT */ : "select_payment" /* SELECT_PAYMENT_METHOD */
8673
9120
  );
8674
- useEffect20(() => {
9121
+ useEffect21(() => {
8675
9122
  return () => {
8676
9123
  setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
8677
9124
  };
8678
9125
  }, []);
8679
- useEffect20(() => {
9126
+ useEffect21(() => {
8680
9127
  clearCheckoutQuoteMessages();
8681
9128
  }, [checkoutStep]);
8682
9129
  const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
@@ -8684,7 +9131,7 @@ function FunCheckoutModal({
8684
9131
  (_c = (_b = (_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.meta) == null ? void 0 : _b.accessToken) == null ? void 0 : _c.brokerName
8685
9132
  );
8686
9133
  const { isCheckoutPostActionRequired, isCheckoutCrFlow } = useCheckoutType(checkoutItem);
8687
- const titleConfig = useMemo20(() => {
9134
+ const titleConfig = useMemo22(() => {
8688
9135
  var _a2, _b2;
8689
9136
  const baseTitle = ((_b2 = (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config) == null ? void 0 : _b2.modalTitle) || "Checkout";
8690
9137
  switch (checkoutStep) {
@@ -8811,7 +9258,7 @@ function FunCheckoutModal({
8811
9258
  },
8812
9259
  [checkoutItem, onCloseWrapper, openFunCheckoutHistoryModal]
8813
9260
  );
8814
- const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState24(false);
9261
+ const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState25(false);
8815
9262
  const onSourceAssetConfirmed = useCallback20(async () => {
8816
9263
  var _a2, _b2, _c2, _d2;
8817
9264
  try {
@@ -8836,7 +9283,7 @@ function FunCheckoutModal({
8836
9283
  newPaymentMethodInfo = {
8837
9284
  paymentMethod: "card" /* CARD */,
8838
9285
  title: textCustomizations.debitOrCredit,
8839
- titleIcon: /* @__PURE__ */ React81.createElement(Box, {
9286
+ titleIcon: /* @__PURE__ */ React84.createElement(Box, {
8840
9287
  display: "flex",
8841
9288
  alignItems: "center",
8842
9289
  justifyContent: "center",
@@ -8844,7 +9291,7 @@ function FunCheckoutModal({
8844
9291
  height: "24"
8845
9292
  }, paymentsConfig.methodsConfig["card" /* CARD */].icon),
8846
9293
  description: "",
8847
- descriptionIcon: /* @__PURE__ */ React81.createElement(CombinedCreditCardOptionsIcon, null),
9294
+ descriptionIcon: /* @__PURE__ */ React84.createElement(CombinedCreditCardOptionsIcon, null),
8848
9295
  meta: {}
8849
9296
  };
8850
9297
  } else if (selectedPaymentMethod === "brokerage" /* BROKERAGE */) {
@@ -8888,10 +9335,10 @@ function FunCheckoutModal({
8888
9335
  textCustomizations.debitOrCredit
8889
9336
  ]);
8890
9337
  const [triggerSymbol, triggerSourceAssetConfirmedFn] = useSymbolRefresh_default();
8891
- useEffect20(() => {
9338
+ useEffect21(() => {
8892
9339
  onSourceAssetConfirmed();
8893
9340
  }, [triggerSymbol]);
8894
- useEffect20(() => {
9341
+ useEffect21(() => {
8895
9342
  if (checkoutItem && isCheckoutCrFlow && checkoutStep === "confirmation" /* CONFIRMATION */) {
8896
9343
  onSourceAssetConfirmed();
8897
9344
  }
@@ -8980,35 +9427,35 @@ function FunCheckoutModal({
8980
9427
  const meshAccessInfo = meshMeta == null ? void 0 : meshMeta.accessToken;
8981
9428
  const meshPreviewResult = (_i = meshMeta == null ? void 0 : meshMeta.previewTransfer) == null ? void 0 : _i.previewResult;
8982
9429
  const meshPreviewExpirationMs = meshMeta == null ? void 0 : meshMeta.computedPreviewExpirationMs;
8983
- return /* @__PURE__ */ React81.createElement(Dialog, {
9430
+ return /* @__PURE__ */ React84.createElement(Dialog, {
8984
9431
  open,
8985
9432
  onClose: onCloseWrapper,
8986
9433
  titleId: "fun-checkout-modal",
8987
9434
  isHidden: isSoftHidden
8988
- }, /* @__PURE__ */ React81.createElement(DialogContent, {
9435
+ }, /* @__PURE__ */ React84.createElement(DialogContent, {
8989
9436
  bottomSheetOnMobile: true,
8990
9437
  padding: "0"
8991
- }, /* @__PURE__ */ React81.createElement(Box, {
9438
+ }, /* @__PURE__ */ React84.createElement(Box, {
8992
9439
  paddingTop: "20",
8993
9440
  paddingX: "20"
8994
- }, /* @__PURE__ */ React81.createElement(FunModalTitleSection, {
9441
+ }, /* @__PURE__ */ React84.createElement(FunModalTitleSection, {
8995
9442
  hasBackButton: titleConfig.hasBack,
8996
9443
  onBack: titleConfig.onBack,
8997
9444
  title: titleConfig.title,
8998
9445
  hasCloseButton: true,
8999
9446
  onClose: onCloseWrapper
9000
- }), checkoutStep === "input_amount" /* INPUT_AMOUNT */ ? /* @__PURE__ */ React81.createElement(FunCheckoutInputAmountStep, {
9447
+ }), checkoutStep === "input_amount" /* INPUT_AMOUNT */ ? /* @__PURE__ */ React84.createElement(FunCheckoutInputAmountStep, {
9001
9448
  checkoutId: checkoutId || "",
9002
9449
  onContinue: () => setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */),
9003
9450
  animateOut
9004
- }) : checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React81.createElement(FunCheckoutVerifyDetailsStep, {
9451
+ }) : checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React84.createElement(FunCheckoutVerifyDetailsStep, {
9005
9452
  checkoutId,
9006
9453
  checkoutStep,
9007
9454
  onSelectPaymentMethod
9008
- }) : checkoutStep === "payment_setup" /* PAYMENT_SETUP */ ? /* @__PURE__ */ React81.createElement(Box, {
9455
+ }) : checkoutStep === "payment_setup" /* PAYMENT_SETUP */ ? /* @__PURE__ */ React84.createElement(Box, {
9009
9456
  paddingY: "24",
9010
9457
  width: "full"
9011
- }, /* @__PURE__ */ React81.createElement(FunPaymentSetup, {
9458
+ }, /* @__PURE__ */ React84.createElement(FunPaymentSetup, {
9012
9459
  key: checkoutStep,
9013
9460
  paymentFlow: 1 /* CHECKOUT */,
9014
9461
  paymentAddress: checkoutItem == null ? void 0 : checkoutItem.depositAddress,
@@ -9027,13 +9474,13 @@ function FunCheckoutModal({
9027
9474
  redirectToCheckoutHistory,
9028
9475
  isParentLoading: !!(checkoutItem == null ? void 0 : checkoutItem.isDrafting),
9029
9476
  finalConvertedAssetName: checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle
9030
- })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React81.createElement(FunCheckoutSelectAssetStep, {
9477
+ })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React84.createElement(FunCheckoutSelectAssetStep, {
9031
9478
  checkoutId,
9032
9479
  checkoutStep,
9033
9480
  isOnFinishLoading: isSourceAssetConfirming,
9034
9481
  onFinish: triggerSourceAssetConfirmedFn,
9035
9482
  animateOut
9036
- }) : checkoutStep === "confirmation" /* CONFIRMATION */ ? /* @__PURE__ */ React81.createElement(FunCheckoutConfirmationStep, {
9483
+ }) : checkoutStep === "confirmation" /* CONFIRMATION */ ? /* @__PURE__ */ React84.createElement(FunCheckoutConfirmationStep, {
9037
9484
  checkoutId,
9038
9485
  checkoutStep,
9039
9486
  regenerateQuoteFn: triggerSourceAssetConfirmedFn,
@@ -9041,586 +9488,220 @@ function FunCheckoutModal({
9041
9488
  var _a2;
9042
9489
  const paymentMethod = (_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod;
9043
9490
  if (paymentMethod === "brokerage" /* BROKERAGE */) {
9044
- setCheckoutStep("mesh_verification" /* MESH_VERIFICATION */);
9045
- } else if (paymentMethod === "card" /* CARD */) {
9046
- setCheckoutStep("payment_setup" /* PAYMENT_SETUP */);
9047
- } else {
9048
- redirectToCheckoutHistory(depositAddress);
9049
- }
9050
- },
9051
- animateOut
9052
- }) : checkoutStep === "mesh_verification" /* MESH_VERIFICATION */ ? /* @__PURE__ */ React81.createElement(Box, {
9053
- paddingY: "24"
9054
- }, /* @__PURE__ */ React81.createElement(FunMeshVerificationStep, {
9055
- previewId: meshPreviewResult == null ? void 0 : meshPreviewResult.previewId,
9056
- previewExpirationMs: meshPreviewExpirationMs,
9057
- transferToAddress: meshPreviewResult == null ? void 0 : meshPreviewResult.toAddress,
9058
- exchange: meshAccessInfo == null ? void 0 : meshAccessInfo.brokerName,
9059
- accessToken: (_l = meshAccessInfo == null ? void 0 : meshAccessInfo.accountTokens) == null ? void 0 : _l[0].accessToken,
9060
- onSuccess: () => redirectToCheckoutHistory(
9061
- checkoutItem == null ? void 0 : checkoutItem.depositAddress
9062
- )
9063
- })) : null)));
9064
- }
9065
-
9066
- // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
9067
- var FALLBACK_CHECKOUT_ITEM_DESCRIPTION = "";
9068
- var FALLBACK_CHECKOUT_ITEM_AMOUNT = "";
9069
- function isNumberStringValid(valueString) {
9070
- return /^-?\d*\.?\d+$/.test(valueString);
9071
- }
9072
- function CheckoutPrimaryInfoSnapshot({
9073
- checkoutItem,
9074
- isLoading,
9075
- isEditable,
9076
- onConfirmEdit = () => void 0,
9077
- prioritizeDraftValue
9078
- }) {
9079
- const checkoutConfig = checkoutItem.initSettings.config;
9080
- const showCheckoutItemDescription = !!(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription);
9081
- const showCheckoutItemAmount = isEditable || isNotNullish(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) && checkoutConfig.checkoutItemAmount > 0;
9082
- const checkoutItemAmountRaw = (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) || 0;
9083
- const checkoutItemAmountFormatted = showCheckoutItemAmount ? formatCryptoAndStringify(
9084
- checkoutItemAmountRaw,
9085
- checkoutConfig.targetAssetTicker
9086
- ) : FALLBACK_CHECKOUT_ITEM_AMOUNT;
9087
- const [isEditing, setIsEditing] = useState25(false);
9088
- const [editedValue, setEditedValue] = useState25(
9089
- checkoutItemAmountRaw.toString()
9090
- );
9091
- const hasInputError = useMemo21(() => {
9092
- return !editedValue || parseFloat(editedValue) === 0 || !isNumberStringValid(editedValue);
9093
- }, [editedValue]);
9094
- const displayDollarValue = useMemo21(() => {
9095
- const prioritizedValue = prioritizeDraftValue ? checkoutItem.draftDollarValue : checkoutItem.finalDollarValue;
9096
- const fallbackValue = prioritizeDraftValue ? checkoutItem.finalDollarValue : checkoutItem.draftDollarValue;
9097
- return prioritizedValue || fallbackValue || 0;
9098
- }, [
9099
- checkoutItem.draftDollarValue,
9100
- checkoutItem.finalDollarValue,
9101
- prioritizeDraftValue
9102
- ]);
9103
- const handleEditInputConfirm = useCallback21(() => {
9104
- if (isEditable && !hasInputError) {
9105
- setIsEditing(!isEditing);
9106
- if (isEditing) {
9107
- onConfirmEdit(parseFloat(editedValue));
9108
- }
9109
- }
9110
- }, [editedValue, hasInputError, isEditable, isEditing, onConfirmEdit]);
9111
- return /* @__PURE__ */ React82.createElement(Box, {
9112
- display: "flex",
9113
- gap: "12",
9114
- borderRadius: "connectButton",
9115
- background: "notificationPrimary",
9116
- padding: "14"
9117
- }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React82.createElement(FunAssetAvatar, {
9118
- assetSrc: checkoutConfig.iconSrc,
9119
- assetName: "checkout-asset",
9120
- assetIconSize: "50",
9121
- chainId: checkoutConfig.targetChain,
9122
- chainIconSize: "16",
9123
- prioritizeDefaults: false
9124
- }) : null, /* @__PURE__ */ React82.createElement(Box, {
9125
- display: "flex",
9126
- flexDirection: "column",
9127
- gap: "6",
9128
- width: "full"
9129
- }, /* @__PURE__ */ React82.createElement(FunKeyValue, {
9130
- keyText: checkoutConfig.checkoutItemTitle,
9131
- keyTextColor: "modalText",
9132
- keyTextSize: "18",
9133
- keyTextWeight: "bold",
9134
- valueText: isLoading ? "" : `${formatCurrencyAndStringify(displayDollarValue)} USD`,
9135
- valueIcon: isLoading ? /* @__PURE__ */ React82.createElement(SpinnerIcon, {
9136
- height: 16,
9137
- width: 16
9138
- }) : void 0,
9139
- valueTextSize: "18",
9140
- valueTextWeight: "bold",
9141
- backgroundBaseColor: void 0,
9142
- hasBorder: false,
9143
- paddingY: "0",
9144
- paddingX: "0"
9145
- }), showCheckoutItemDescription || showCheckoutItemAmount ? /* @__PURE__ */ React82.createElement(FunKeyValue, {
9146
- keyText: (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription) || FALLBACK_CHECKOUT_ITEM_DESCRIPTION,
9147
- keyTextSize: "14",
9148
- keyTextColor: "modalTextDim",
9149
- keyTextWeight: "medium",
9150
- valueIcon: isEditable ? /* @__PURE__ */ React82.createElement(FunIconButton, {
9151
- icon: isEditing ? /* @__PURE__ */ React82.createElement(CopiedIcon, {
9152
- size: "10"
9153
- }) : /* @__PURE__ */ React82.createElement(EditIcon, null),
9154
- size: "14",
9155
- showBorder: false,
9156
- onClick: handleEditInputConfirm,
9157
- paddingX: "0",
9158
- paddingY: "0",
9159
- color: hasInputError ? "error" : "accentColor",
9160
- background: "transparent"
9161
- }) : null,
9162
- valueText: checkoutItemAmountFormatted,
9163
- valueTextSize: "14",
9164
- valueTextColor: "modalTextDim",
9165
- valueTextWeight: "medium",
9166
- valueGap: "4",
9167
- reverseValueItems: true,
9168
- customValueComponent: isEditing ? /* @__PURE__ */ React82.createElement(FunInput, {
9169
- value: editedValue,
9170
- onChange: (e) => {
9171
- var _a;
9172
- return setEditedValue((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
9173
- },
9174
- onKeyDown: (e) => {
9175
- e.stopPropagation();
9176
- if (e.key === "Escape") {
9177
- setEditedValue(checkoutItemAmountRaw.toString());
9178
- setIsEditing(false);
9179
- }
9180
- },
9181
- onKeySubmit: () => handleEditInputConfirm(),
9182
- inputStyle: {
9183
- width: 50,
9184
- height: 12,
9185
- padding: "2px 8px",
9186
- fontSize: "12px",
9187
- lineHeight: "12px",
9188
- fontStyle: "normal",
9189
- fontFamily: "inherit"
9190
- },
9191
- focused: true,
9192
- inputProps: { autoFocus: true },
9193
- error: hasInputError,
9194
- overrideBorderWidth: "1"
9195
- }) : isEditable ? /* @__PURE__ */ React82.createElement(Box, {
9196
- height: "max",
9197
- flexDirection: "row",
9198
- style: { cursor: "pointer" },
9199
- onClick: () => setIsEditing(true)
9200
- }, /* @__PURE__ */ React82.createElement(Text, {
9201
- weight: "medium",
9202
- color: { base: "modalTextDim", hover: "accentColor" },
9203
- size: "14"
9204
- }, checkoutItemAmountFormatted)) : null,
9205
- backgroundBaseColor: void 0,
9206
- hasBorder: false,
9207
- paddingY: "0",
9208
- paddingX: "0"
9209
- }) : null));
9210
- }
9211
- function CheckoutPrimaryInfo({
9212
- checkoutId,
9213
- checkoutStep,
9214
- prioritizeDraftValue = true
9215
- }) {
9216
- var _a, _b, _c;
9217
- const {
9218
- checkoutItem,
9219
- getCheckoutDraftDollarValue,
9220
- updateTargetAssetAmount,
9221
- clearCheckoutQuoteMessages
9222
- } = useFunkitPreCheckoutInternal(checkoutId);
9223
- const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
9224
- const [isForceRefresh, setIsForceRefresh] = useState25(false);
9225
- useEffect21(() => {
9226
- if (isForceRefresh || !isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue)) {
9227
- setIsForceRefresh(false);
9228
- getCheckoutDraftDollarValue().catch(
9229
- (reason) => logger.error("checkoutPrimaryInfoFetch:error", reason)
9230
- );
9231
- }
9232
- }, [
9233
- (_b = (_a = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a.config) == null ? void 0 : _b.targetAssetAmount,
9234
- checkoutItem == null ? void 0 : checkoutItem.draftDollarValue
9235
- ]);
9236
- const isCheckoutTargetAssetEditable = isCheckoutCrFlow && !(checkoutStep === "confirmation" /* CONFIRMATION */ && ((_c = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _c.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
9237
- checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo.paymentMethod
9238
- )) && !(checkoutItem == null ? void 0 : checkoutItem.initSettings.config.disableEditing);
9239
- return checkoutItem ? /* @__PURE__ */ React82.createElement(CheckoutPrimaryInfoSnapshot, {
9240
- isLoading: prioritizeDraftValue ? checkoutItem.isDrafting : checkoutItem.isQuoting,
9241
- checkoutItem,
9242
- isEditable: isCheckoutTargetAssetEditable,
9243
- onConfirmEdit: (newValue) => {
9244
- updateTargetAssetAmount(newValue);
9245
- setIsForceRefresh(true);
9246
- clearCheckoutQuoteMessages();
9247
- },
9248
- prioritizeDraftValue
9249
- }) : null;
9250
- }
9251
-
9252
- // src/components/FunTransactionSummary/FunTxSummaryHistory.tsx
9253
- import {
9254
- FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9
9255
- } from "@funkit/core";
9256
- import React88, { useMemo as useMemo23 } from "react";
9257
-
9258
- // src/components/ChainModal/Chain.tsx
9259
- import React85, { Fragment as Fragment3, useContext as useContext14 } from "react";
9260
-
9261
- // src/components/FunkitProvider/I18nContext.tsx
9262
- import React83, {
9263
- createContext as createContext14,
9264
- useEffect as useEffect22,
9265
- useMemo as useMemo22,
9266
- useState as useState26
9267
- } from "react";
9268
-
9269
- // src/locales/I18n.ts
9270
- var defaultOptions = {
9271
- defaultLocale: "en",
9272
- locale: "en"
9273
- };
9274
- var I18n = class {
9275
- constructor(localeTranslations) {
9276
- this.listeners = /* @__PURE__ */ new Set();
9277
- this.defaultLocale = defaultOptions.defaultLocale;
9278
- this.enableFallback = false;
9279
- this.locale = defaultOptions.locale;
9280
- this.cachedLocales = [];
9281
- this.translations = {};
9282
- for (const [locale, translation] of Object.entries(localeTranslations)) {
9283
- this.cachedLocales = [...this.cachedLocales, locale];
9284
- this.translations = {
9285
- ...this.translations,
9286
- ...this.flattenTranslation(translation, locale)
9287
- };
9288
- }
9289
- }
9290
- missingMessage(key) {
9291
- return `[missing: "${this.locale}.${key}" translation]`;
9292
- }
9293
- flattenTranslation(translationObject, locale) {
9294
- const result = {};
9295
- const flatten = (currentTranslationObj, parentKey) => {
9296
- for (const key of Object.keys(currentTranslationObj)) {
9297
- const newKey = `${parentKey}.${key}`;
9298
- const currentValue = currentTranslationObj[key];
9299
- if (typeof currentValue === "object" && currentValue !== null) {
9300
- flatten(currentValue, newKey);
9301
- } else {
9302
- result[newKey] = currentValue;
9303
- }
9304
- }
9305
- };
9306
- flatten(translationObject, locale);
9307
- return result;
9308
- }
9309
- translateWithReplacements(translation, replacements = {}) {
9310
- let translatedString = translation;
9311
- for (const placeholder in replacements) {
9312
- const replacementValue = replacements[placeholder];
9313
- translatedString = translatedString.replace(
9314
- `%{${placeholder}}`,
9315
- replacementValue
9316
- );
9317
- }
9318
- return translatedString;
9319
- }
9320
- t(key, replacements, options) {
9321
- const translationKey = `${this.locale}.${key}`;
9322
- const translation = this.translations[translationKey];
9323
- if (!translation) {
9324
- if (this.enableFallback) {
9325
- const fallbackTranslationKey = `${this.defaultLocale}.${key}`;
9326
- const fallbackTranslation = this.translations[fallbackTranslationKey];
9327
- if (fallbackTranslation) {
9328
- return this.translateWithReplacements(
9329
- fallbackTranslation,
9330
- replacements
9331
- );
9332
- }
9333
- }
9334
- if (options == null ? void 0 : options.rawKeyIfTranslationMissing)
9335
- return key;
9336
- return this.missingMessage(key);
9337
- }
9338
- return this.translateWithReplacements(translation, replacements);
9339
- }
9340
- isLocaleCached(locale) {
9341
- return this.cachedLocales.includes(locale);
9342
- }
9343
- updateLocale(locale) {
9344
- this.locale = locale;
9345
- this.notifyListeners();
9346
- }
9347
- setTranslations(locale, translations) {
9348
- const cachedLocale = this.isLocaleCached(locale);
9349
- if (!cachedLocale) {
9350
- this.cachedLocales = [...this.cachedLocales, locale];
9351
- this.translations = {
9352
- ...this.translations,
9353
- ...this.flattenTranslation(translations, locale)
9354
- };
9355
- }
9356
- this.locale = locale;
9357
- this.notifyListeners();
9358
- }
9359
- notifyListeners() {
9360
- for (const listener of this.listeners) {
9361
- listener();
9362
- }
9363
- }
9364
- onChange(fn) {
9365
- this.listeners.add(fn);
9366
- return () => {
9367
- this.listeners.delete(fn);
9368
- };
9369
- }
9370
- };
9371
-
9372
- // src/locales/index.ts
9373
- var i18n = new I18n({
9374
- en: JSON.parse(en_US_default),
9375
- "en-US": JSON.parse(en_US_default)
9376
- });
9377
- i18n.defaultLocale = "en-US";
9378
- i18n.locale = "en-US";
9379
- i18n.enableFallback = true;
9380
- var fetchTranslations = async (locale) => {
9381
- switch (locale) {
9382
- case "ar":
9383
- case "ar-AR":
9384
- return (await import("./ar_AR-2FHIOEAO.js")).default;
9385
- case "en":
9386
- case "en-US":
9387
- return (await import("./en_US-SZG3SEXV.js")).default;
9388
- case "es":
9389
- case "es-419":
9390
- return (await import("./es_419-JU5M7ADI.js")).default;
9391
- case "fr":
9392
- case "fr-FR":
9393
- return (await import("./fr_FR-MEVFY2S3.js")).default;
9394
- case "hi":
9395
- case "hi-IN":
9396
- return (await import("./hi_IN-QYRORIUD.js")).default;
9397
- case "id":
9398
- case "id-ID":
9399
- return (await import("./id_ID-TUMMBG4U.js")).default;
9400
- case "ja":
9401
- case "ja-JP":
9402
- return (await import("./ja_JP-ZUYW24MT.js")).default;
9403
- case "ko":
9404
- case "ko-KR":
9405
- return (await import("./ko_KR-6CVQ44HH.js")).default;
9406
- case "pt":
9407
- case "pt-BR":
9408
- return (await import("./pt_BR-RZPKMOY4.js")).default;
9409
- case "ru":
9410
- case "ru-RU":
9411
- return (await import("./ru_RU-6H6D24G6.js")).default;
9412
- case "th":
9413
- case "th-TH":
9414
- return (await import("./th_TH-V7MI6RLE.js")).default;
9415
- case "tr":
9416
- case "tr-TR":
9417
- return (await import("./tr_TR-5VDGWEXM.js")).default;
9418
- case "ua":
9419
- case "uk-UA":
9420
- return (await import("./uk_UA-LQISH4SK.js")).default;
9421
- case "zh":
9422
- case "zh-CN":
9423
- return (await import("./zh_CN-EHEYLG7G.js")).default;
9424
- default:
9425
- return (await import("./en_US-SZG3SEXV.js")).default;
9426
- }
9427
- };
9428
- async function setLocale(locale) {
9429
- const isCached = i18n.isLocaleCached(locale);
9430
- if (isCached) {
9431
- i18n.updateLocale(locale);
9432
- return;
9433
- }
9434
- const translations = await fetchTranslations(locale);
9435
- i18n.setTranslations(locale, JSON.parse(translations));
9436
- }
9437
-
9438
- // src/utils/locale.ts
9439
- var detectedBrowserLocale = () => {
9440
- var _a;
9441
- if (typeof window !== "undefined" && typeof navigator !== "undefined") {
9442
- if ((_a = navigator.languages) == null ? void 0 : _a.length) {
9443
- return navigator.languages[0];
9444
- }
9445
- if (navigator.language) {
9446
- return navigator.language;
9447
- }
9448
- }
9449
- };
9450
-
9451
- // src/components/FunkitProvider/I18nContext.tsx
9452
- var I18nContext = createContext14({ i18n });
9453
- var I18nProvider = ({ children, locale }) => {
9454
- const [updateCount, setUpdateCount] = useState26(0);
9455
- const browserLocale = useMemo22(
9456
- () => detectedBrowserLocale(),
9457
- []
9458
- );
9459
- useEffect22(() => {
9460
- const unsubscribe = i18n.onChange(() => {
9461
- setUpdateCount((count) => count + 1);
9462
- });
9463
- return unsubscribe;
9464
- }, []);
9465
- useEffect22(() => {
9466
- if (locale && locale !== i18n.locale) {
9467
- setLocale(locale);
9468
- } else if (!locale && browserLocale && browserLocale !== i18n.locale) {
9469
- setLocale(browserLocale);
9470
- }
9471
- }, [locale, browserLocale]);
9472
- const memoizedValue = useMemo22(() => {
9473
- const t = (key, options) => i18n.t(key, options);
9474
- return { t, i18n };
9475
- }, [updateCount]);
9476
- return /* @__PURE__ */ React83.createElement(I18nContext.Provider, {
9477
- value: memoizedValue
9478
- }, children);
9479
- };
9480
-
9481
- // src/components/MenuButton/MenuButton.tsx
9482
- import React84 from "react";
9483
-
9484
- // src/components/MenuButton/MenuButton.css.ts
9485
- var unsetBackgroundOnHover = "_10pw5x60";
9486
-
9487
- // src/components/MenuButton/MenuButton.tsx
9488
- var MenuButton = React84.forwardRef(
9489
- ({
9490
- children,
9491
- currentlySelected = false,
9492
- onClick,
9493
- testId,
9494
- ...urlProps
9495
- }, ref) => {
9496
- const mobile = isMobile();
9497
- return /* @__PURE__ */ React84.createElement(Box, {
9498
- as: "button",
9499
- borderRadius: "menuButton",
9500
- disabled: currentlySelected,
9501
- display: "flex",
9502
- onClick,
9503
- ref,
9504
- testId,
9505
- type: "button"
9506
- }, /* @__PURE__ */ React84.createElement(Box, {
9507
- borderRadius: "menuButton",
9508
- className: [
9509
- mobile ? unsetBackgroundOnHover : void 0,
9510
- !currentlySelected && touchableStyles({ active: "shrink" })
9511
- ],
9512
- padding: mobile ? "8" : "6",
9513
- transition: "default",
9514
- width: "full",
9515
- ...currentlySelected ? {
9516
- background: "accentColor",
9517
- borderColor: "selectedOptionBorder",
9518
- borderStyle: "solid",
9519
- borderWidth: "1",
9520
- boxShadow: "selectedOption",
9521
- color: "accentColorForeground"
9522
- } : {
9523
- background: { hover: "menuItemBackground" },
9524
- color: "modalText",
9525
- transition: "default"
9526
- },
9527
- ...urlProps
9528
- }, children));
9529
- }
9530
- );
9531
- MenuButton.displayName = "MenuButton";
9532
-
9533
- // src/components/ChainModal/Chain.tsx
9534
- function ChainLineItem({
9535
- chainId,
9536
- chainIconSize,
9537
- gap = "12"
9538
- }) {
9539
- const enabledChainMap = useFunkitConnectChainsById();
9540
- const chainItem = enabledChainMap[chainId];
9541
- if (!chainItem)
9542
- return null;
9543
- return /* @__PURE__ */ React85.createElement(Box, {
9544
- alignItems: "center",
9545
- display: "flex",
9546
- flexDirection: "row",
9547
- gap,
9548
- height: chainIconSize
9549
- }, chainItem.iconUrl && /* @__PURE__ */ React85.createElement(Box, {
9550
- height: "full"
9551
- }, /* @__PURE__ */ React85.createElement(AsyncImage, {
9552
- alt: chainItem.name,
9553
- background: chainItem.iconBackground,
9554
- borderRadius: "full",
9555
- height: chainIconSize,
9556
- src: chainItem.iconUrl,
9557
- width: chainIconSize,
9558
- testId: `chain-option-${chainId}-icon`
9559
- })), /* @__PURE__ */ React85.createElement("div", null, chainItem.name));
9491
+ setCheckoutStep("mesh_verification" /* MESH_VERIFICATION */);
9492
+ } else if (paymentMethod === "card" /* CARD */) {
9493
+ setCheckoutStep("payment_setup" /* PAYMENT_SETUP */);
9494
+ } else {
9495
+ redirectToCheckoutHistory(depositAddress);
9496
+ }
9497
+ },
9498
+ animateOut
9499
+ }) : checkoutStep === "mesh_verification" /* MESH_VERIFICATION */ ? /* @__PURE__ */ React84.createElement(Box, {
9500
+ paddingY: "24"
9501
+ }, /* @__PURE__ */ React84.createElement(FunMeshVerificationStep, {
9502
+ previewId: meshPreviewResult == null ? void 0 : meshPreviewResult.previewId,
9503
+ previewExpirationMs: meshPreviewExpirationMs,
9504
+ transferToAddress: meshPreviewResult == null ? void 0 : meshPreviewResult.toAddress,
9505
+ exchange: meshAccessInfo == null ? void 0 : meshAccessInfo.brokerName,
9506
+ accessToken: (_l = meshAccessInfo == null ? void 0 : meshAccessInfo.accountTokens) == null ? void 0 : _l[0].accessToken,
9507
+ onSuccess: () => redirectToCheckoutHistory(
9508
+ checkoutItem == null ? void 0 : checkoutItem.depositAddress
9509
+ )
9510
+ })) : null)));
9560
9511
  }
9561
- var Chain2 = ({
9562
- chainId,
9563
- currentChainId,
9564
- switchChain,
9565
- chainIconSize,
9512
+
9513
+ // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
9514
+ var FALLBACK_CHECKOUT_ITEM_DESCRIPTION = "";
9515
+ var FALLBACK_CHECKOUT_ITEM_AMOUNT = "";
9516
+ function isNumberStringValid(valueString) {
9517
+ return /^-?\d*\.?\d+$/.test(valueString);
9518
+ }
9519
+ function CheckoutPrimaryInfoSnapshot({
9520
+ checkoutItem,
9566
9521
  isLoading,
9567
- src: src7,
9568
- name,
9569
- iconBackground,
9570
- idx
9571
- }) => {
9572
- const mobile = isMobile();
9573
- const { i18n: i18n2 } = useContext14(I18nContext);
9574
- const funkitConnectChains = useFunkitConnectChains();
9575
- const { isWeb2Login } = useGeneralWallet();
9576
- const isCurrentChain = currentChainId === chainId && !isLoading;
9577
- return /* @__PURE__ */ React85.createElement(Fragment3, null, /* @__PURE__ */ React85.createElement(MenuButton, {
9578
- currentlySelected: isCurrentChain,
9579
- onClick: isCurrentChain ? void 0 : () => switchChain({ chainId }),
9580
- testId: `chain-option-${chainId}`
9581
- }, /* @__PURE__ */ React85.createElement(Box, {
9582
- fontFamily: "body",
9583
- fontSize: "16",
9584
- fontWeight: "bold"
9585
- }, /* @__PURE__ */ React85.createElement(Box, {
9586
- alignItems: "center",
9587
- display: "flex",
9588
- flexDirection: "row",
9589
- justifyContent: "space-between"
9590
- }, /* @__PURE__ */ React85.createElement(ChainLineItem, {
9591
- chainId,
9592
- chainIconSize
9593
- }), isCurrentChain && /* @__PURE__ */ React85.createElement(Box, {
9594
- alignItems: "center",
9522
+ isEditable,
9523
+ onConfirmEdit = () => void 0,
9524
+ prioritizeDraftValue
9525
+ }) {
9526
+ const checkoutConfig = checkoutItem.initSettings.config;
9527
+ const showCheckoutItemDescription = !!(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription);
9528
+ const showCheckoutItemAmount = isEditable || isNotNullish(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) && checkoutConfig.checkoutItemAmount > 0;
9529
+ const { isCheckoutPostActionRequired } = useCheckoutType(checkoutItem);
9530
+ const checkoutItemAmountRaw = (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) || 0;
9531
+ const checkoutItemAmountFormatted = showCheckoutItemAmount ? formatCryptoAndStringify(
9532
+ checkoutItemAmountRaw,
9533
+ isCheckoutPostActionRequired ? void 0 : checkoutConfig.targetAssetTicker
9534
+ ) : FALLBACK_CHECKOUT_ITEM_AMOUNT;
9535
+ const [isEditing, setIsEditing] = useState26(false);
9536
+ const [editedValue, setEditedValue] = useState26(
9537
+ checkoutItemAmountRaw.toString()
9538
+ );
9539
+ const hasInputError = useMemo23(() => {
9540
+ return !editedValue || parseFloat(editedValue) === 0 || !isNumberStringValid(editedValue);
9541
+ }, [editedValue]);
9542
+ const displayDollarValue = useMemo23(() => {
9543
+ const prioritizedValue = prioritizeDraftValue ? checkoutItem.draftDollarValue : checkoutItem.finalDollarValue;
9544
+ const fallbackValue = prioritizeDraftValue ? checkoutItem.finalDollarValue : checkoutItem.draftDollarValue;
9545
+ return prioritizedValue || fallbackValue || 0;
9546
+ }, [
9547
+ checkoutItem.draftDollarValue,
9548
+ checkoutItem.finalDollarValue,
9549
+ prioritizeDraftValue
9550
+ ]);
9551
+ const handleEditInputConfirm = useCallback21(() => {
9552
+ if (isEditable && !hasInputError) {
9553
+ setIsEditing(!isEditing);
9554
+ if (isEditing) {
9555
+ onConfirmEdit(parseFloat(editedValue));
9556
+ }
9557
+ }
9558
+ }, [editedValue, hasInputError, isEditable, isEditing, onConfirmEdit]);
9559
+ return /* @__PURE__ */ React85.createElement(Box, {
9595
9560
  display: "flex",
9596
- flexDirection: "row",
9597
- marginRight: "6"
9598
- }, /* @__PURE__ */ React85.createElement(Text, {
9599
- color: "accentColorForeground",
9600
- size: "14",
9601
- weight: "medium"
9602
- }, i18n2.t("chains.connected")), /* @__PURE__ */ React85.createElement(FunDot, null)), isLoading && /* @__PURE__ */ React85.createElement(Box, {
9603
- alignItems: "center",
9561
+ gap: "12",
9562
+ borderRadius: "connectButton",
9563
+ background: "notificationPrimary",
9564
+ padding: "14"
9565
+ }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React85.createElement(FunAssetAvatar, {
9566
+ assetSrc: checkoutConfig.iconSrc,
9567
+ assetName: "checkout-asset",
9568
+ assetIconSize: "50",
9569
+ chainId: checkoutConfig.targetChain,
9570
+ chainIconSize: "16",
9571
+ prioritizeDefaults: false
9572
+ }) : null, /* @__PURE__ */ React85.createElement(Box, {
9604
9573
  display: "flex",
9605
- flexDirection: "row",
9606
- marginRight: "6"
9607
- }, /* @__PURE__ */ React85.createElement(Text, {
9608
- color: "modalText",
9609
- size: "14",
9610
- weight: "medium"
9611
- }, isWeb2Login ? "Switching" : i18n2.t("chains.confirm")), /* @__PURE__ */ React85.createElement(Box, {
9612
- background: "standby",
9613
- borderRadius: "full",
9614
- height: "8",
9615
- marginLeft: "8",
9616
- width: "8"
9617
- }))))), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React85.createElement(Box, {
9618
- background: "generalBorderDim",
9619
- height: "1",
9620
- marginX: "8"
9621
- }));
9622
- };
9623
- var Chain_default = Chain2;
9574
+ flexDirection: "column",
9575
+ gap: "6",
9576
+ width: "full"
9577
+ }, /* @__PURE__ */ React85.createElement(FunKeyValue, {
9578
+ keyText: checkoutConfig.checkoutItemTitle,
9579
+ keyTextColor: "modalText",
9580
+ keyTextSize: "18",
9581
+ keyTextWeight: "bold",
9582
+ valueText: isLoading ? "" : `${formatCurrencyAndStringify(displayDollarValue)} USD`,
9583
+ valueIcon: isLoading ? /* @__PURE__ */ React85.createElement(SpinnerIcon, {
9584
+ height: 16,
9585
+ width: 16
9586
+ }) : void 0,
9587
+ valueTextSize: "18",
9588
+ valueTextWeight: "bold",
9589
+ backgroundBaseColor: void 0,
9590
+ hasBorder: false,
9591
+ paddingY: "0",
9592
+ paddingX: "0"
9593
+ }), showCheckoutItemDescription || showCheckoutItemAmount ? /* @__PURE__ */ React85.createElement(FunKeyValue, {
9594
+ keyText: (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription) || FALLBACK_CHECKOUT_ITEM_DESCRIPTION,
9595
+ keyTextSize: "14",
9596
+ keyTextColor: "modalTextDim",
9597
+ keyTextWeight: "medium",
9598
+ valueIcon: isEditable ? /* @__PURE__ */ React85.createElement(FunIconButton, {
9599
+ icon: isEditing ? /* @__PURE__ */ React85.createElement(CopiedIcon, {
9600
+ size: "10"
9601
+ }) : /* @__PURE__ */ React85.createElement(EditIcon, null),
9602
+ size: "14",
9603
+ showBorder: false,
9604
+ onClick: handleEditInputConfirm,
9605
+ paddingX: "0",
9606
+ paddingY: "0",
9607
+ color: hasInputError ? "error" : "accentColor",
9608
+ background: "transparent"
9609
+ }) : null,
9610
+ valueText: checkoutItemAmountFormatted,
9611
+ valueTextSize: "14",
9612
+ valueTextColor: "modalTextDim",
9613
+ valueTextWeight: "medium",
9614
+ valueGap: "4",
9615
+ reverseValueItems: true,
9616
+ customValueComponent: isEditing ? /* @__PURE__ */ React85.createElement(FunInput, {
9617
+ value: editedValue,
9618
+ onChange: (e) => {
9619
+ var _a;
9620
+ return setEditedValue((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
9621
+ },
9622
+ onKeyDown: (e) => {
9623
+ e.stopPropagation();
9624
+ if (e.key === "Escape") {
9625
+ setEditedValue(checkoutItemAmountRaw.toString());
9626
+ setIsEditing(false);
9627
+ }
9628
+ },
9629
+ onKeySubmit: () => handleEditInputConfirm(),
9630
+ inputStyle: {
9631
+ width: 50,
9632
+ height: 12,
9633
+ padding: "2px 8px",
9634
+ fontSize: "12px",
9635
+ lineHeight: "12px",
9636
+ fontStyle: "normal",
9637
+ fontFamily: "inherit"
9638
+ },
9639
+ focused: true,
9640
+ inputProps: { autoFocus: true },
9641
+ error: hasInputError,
9642
+ overrideBorderWidth: "1"
9643
+ }) : isEditable ? /* @__PURE__ */ React85.createElement(Box, {
9644
+ height: "max",
9645
+ flexDirection: "row",
9646
+ style: { cursor: "pointer" },
9647
+ onClick: () => setIsEditing(true)
9648
+ }, /* @__PURE__ */ React85.createElement(Text, {
9649
+ weight: "medium",
9650
+ color: { base: "modalTextDim", hover: "accentColor" },
9651
+ size: "14"
9652
+ }, checkoutItemAmountFormatted)) : null,
9653
+ backgroundBaseColor: void 0,
9654
+ hasBorder: false,
9655
+ paddingY: "0",
9656
+ paddingX: "0"
9657
+ }) : null));
9658
+ }
9659
+ function CheckoutPrimaryInfo({
9660
+ checkoutId,
9661
+ checkoutStep,
9662
+ prioritizeDraftValue = true
9663
+ }) {
9664
+ var _a, _b, _c;
9665
+ const {
9666
+ checkoutItem,
9667
+ getCheckoutDraftDollarValue,
9668
+ updateTargetAssetAmount,
9669
+ clearCheckoutQuoteMessages
9670
+ } = useFunkitPreCheckoutInternal(checkoutId);
9671
+ const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
9672
+ const [isForceRefresh, setIsForceRefresh] = useState26(false);
9673
+ useEffect22(() => {
9674
+ if (isForceRefresh || !isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue)) {
9675
+ setIsForceRefresh(false);
9676
+ getCheckoutDraftDollarValue().catch(
9677
+ (reason) => logger.error("checkoutPrimaryInfoFetch:error", reason)
9678
+ );
9679
+ }
9680
+ }, [
9681
+ (_b = (_a = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a.config) == null ? void 0 : _b.targetAssetAmount,
9682
+ checkoutItem == null ? void 0 : checkoutItem.draftDollarValue
9683
+ ]);
9684
+ const isCheckoutTargetAssetEditable = isCheckoutCrFlow && !(checkoutStep === "confirmation" /* CONFIRMATION */ && ((_c = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _c.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
9685
+ checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo.paymentMethod
9686
+ )) && !(checkoutItem == null ? void 0 : checkoutItem.initSettings.config.disableEditing);
9687
+ return checkoutItem ? /* @__PURE__ */ React85.createElement(CheckoutPrimaryInfoSnapshot, {
9688
+ isLoading: prioritizeDraftValue ? checkoutItem.isDrafting : checkoutItem.isQuoting,
9689
+ checkoutItem,
9690
+ isEditable: isCheckoutTargetAssetEditable,
9691
+ onConfirmEdit: (newValue) => {
9692
+ updateTargetAssetAmount(newValue);
9693
+ setIsForceRefresh(true);
9694
+ clearCheckoutQuoteMessages();
9695
+ },
9696
+ prioritizeDraftValue
9697
+ }) : null;
9698
+ }
9699
+
9700
+ // src/components/FunTransactionSummary/FunTxSummaryHistory.tsx
9701
+ import {
9702
+ FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9
9703
+ } from "@funkit/core";
9704
+ import React88, { useMemo as useMemo24 } from "react";
9624
9705
 
9625
9706
  // src/components/Icons/RedirectIcon.tsx
9626
9707
  import React86 from "react";
@@ -9748,7 +9829,7 @@ function FunTxSummaryHistory({
9748
9829
  isExpired,
9749
9830
  isTerminal
9750
9831
  } = useCheckoutStateBooleans(checkoutHistoryItem.state);
9751
- const estimatedEndTimeInfo = useMemo23(() => {
9832
+ const estimatedEndTimeInfo = useMemo24(() => {
9752
9833
  var _a;
9753
9834
  const estimatedEndTimeMs = (((_a = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _a.finalTimeEstimationMs) || 0) + checkoutHistoryItem.createdTimeMs;
9754
9835
  const estimatedEndTimeFromNowMs = estimatedEndTimeMs - Date.now();
@@ -9770,14 +9851,15 @@ function FunTxSummaryHistory({
9770
9851
  }), /* @__PURE__ */ React88.createElement(Text, {
9771
9852
  color: "modalText",
9772
9853
  size: "12",
9773
- weight: "medium"
9854
+ weight: "medium",
9855
+ textAlign: "right"
9774
9856
  }, formatTimestamp(new Date(checkoutHistoryItem.createdTimeMs)))), /* @__PURE__ */ React88.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React88.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React88.createElement(FunTxSummaryLineItemKeyText, {
9775
9857
  text: isError ? "Order Failed" : isExpired ? "Order Expired" : isProcessing ? "Order Delivery" : "Order Delivered"
9776
9858
  }), /* @__PURE__ */ React88.createElement(Text, {
9777
9859
  color: "modalText",
9778
9860
  size: "12",
9779
9861
  weight: "medium",
9780
- style: { textAlign: "end" }
9862
+ textAlign: "right"
9781
9863
  }, isExpired ? formatTimestamp(
9782
9864
  new Date(checkoutHistoryItem.expirationTimestampSeconds * 1e3)
9783
9865
  ) : isTerminal ? formatTimestamp(new Date(checkoutHistoryItem.lastUpdatedTimeMs)) : estimatedEndTimeInfo.isExceededEstimation ? "Order delayed, thanks for your patience" : `In ${formatSecondsToReadableForm(
@@ -9805,7 +9887,8 @@ function FunTxSummaryHistory({
9805
9887
  })), /* @__PURE__ */ React88.createElement(Text, {
9806
9888
  size: "12",
9807
9889
  weight: "medium",
9808
- color: "modalText"
9890
+ color: "modalText",
9891
+ textAlign: "right"
9809
9892
  }, " \xB7 ", formatAddress(checkoutHistoryItem.depositAddr)), /* @__PURE__ */ React88.createElement(FunIconButton, {
9810
9893
  size: "14",
9811
9894
  icon: /* @__PURE__ */ React88.createElement(RedirectIcon, null),
@@ -9835,7 +9918,8 @@ function FunTxSummaryHistory({
9835
9918
  })), /* @__PURE__ */ React88.createElement(Text, {
9836
9919
  size: "12",
9837
9920
  weight: "medium",
9838
- color: "modalText"
9921
+ color: "modalText",
9922
+ textAlign: "right"
9839
9923
  }, " \xB7 ", formatAddress(checkoutHistoryItem.recipientAddr)), /* @__PURE__ */ React88.createElement(FunIconButton, {
9840
9924
  size: "14",
9841
9925
  icon: /* @__PURE__ */ React88.createElement(RedirectIcon, null),
@@ -9918,7 +10002,7 @@ function FunCheckoutHistoryDetail({
9918
10002
 
9919
10003
  // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryHelp.tsx
9920
10004
  import { sendSupportMessage } from "@funkit/core";
9921
- import React91, { useMemo as useMemo24, useState as useState27 } from "react";
10005
+ import React91, { useMemo as useMemo25, useState as useState27 } from "react";
9922
10006
 
9923
10007
  // src/css/scrollStyles.css.ts
9924
10008
  var hideScrollBar = "_163ehmk0";
@@ -10040,7 +10124,7 @@ function FunCheckoutHistoryHelp({
10040
10124
  RESOLUTION_OPTIONS[0].value
10041
10125
  );
10042
10126
  const [descriptionInput, setDescriptionInput] = useState27("");
10043
- const isEmailInputValid = useMemo24(() => {
10127
+ const isEmailInputValid = useMemo25(() => {
10044
10128
  return validateEmailString(emailInput);
10045
10129
  }, [emailInput]);
10046
10130
  const onSubmitIssue = async (e) => {
@@ -10238,7 +10322,7 @@ function FunCheckoutHistoryContent({
10238
10322
  setAnimateOut(false);
10239
10323
  }, ANIMATION_DELAY2);
10240
10324
  }, []);
10241
- const titleConfig = useMemo25(() => {
10325
+ const titleConfig = useMemo26(() => {
10242
10326
  if (currentPage === "help" /* HELP */) {
10243
10327
  return {
10244
10328
  hasBackButton: true,
@@ -10285,10 +10369,10 @@ function FunCheckoutHistoryContent({
10285
10369
 
10286
10370
  // src/components/ProfileDetails/FunProfileViews/ActivityHistory/ActivityHistory.tsx
10287
10371
  import { CheckoutState as CheckoutState4 } from "@funkit/core";
10288
- import React96, { useEffect as useEffect23, useMemo as useMemo27, useState as useState29 } from "react";
10372
+ import React96, { useEffect as useEffect23, useMemo as useMemo28, useState as useState29 } from "react";
10289
10373
 
10290
10374
  // src/components/FunNotification/FunCheckoutNotification.tsx
10291
- import React95, { useMemo as useMemo26 } from "react";
10375
+ import React95, { useMemo as useMemo27 } from "react";
10292
10376
 
10293
10377
  // src/components/FunButton/FunViewTxButton.tsx
10294
10378
  import React93 from "react";
@@ -10360,7 +10444,10 @@ function FunCheckoutNotification({
10360
10444
  isTerminal
10361
10445
  } = useCheckoutStateBooleans(checkoutHistoryItem.state);
10362
10446
  const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
10363
- const titleVerb = useMemo26(() => {
10447
+ const { isCheckoutPostActionRequired } = useCheckoutType(
10448
+ checkoutClientMetadata
10449
+ );
10450
+ const titleVerb = useMemo27(() => {
10364
10451
  if (isProcessing) {
10365
10452
  return "processing";
10366
10453
  } else if (isCompleted) {
@@ -10430,13 +10517,14 @@ function FunCheckoutNotification({
10430
10517
  size: "12",
10431
10518
  weight: "medium",
10432
10519
  color: "modalTextSecondary",
10520
+ textAlign: "right",
10433
10521
  style: {
10434
10522
  textDecoration: isFailed ? "line-through" : void 0,
10435
10523
  opacity: isFailed ? 0.5 : 1
10436
10524
  }
10437
10525
  }, formatCryptoAndStringify(
10438
10526
  checkoutClientMetadata.initSettings.config.checkoutItemAmount,
10439
- checkoutClientMetadata.initSettings.config.targetAssetTicker
10527
+ isCheckoutPostActionRequired ? void 0 : checkoutClientMetadata.initSettings.config.targetAssetTicker
10440
10528
  ))))), isTerminal ? null : /* @__PURE__ */ React95.createElement(Box, null, /* @__PURE__ */ React95.createElement(FunHorizontalStepper, {
10441
10529
  step: getCheckoutStateStepNumber(checkoutHistoryItem.state),
10442
10530
  totalSteps: 4
@@ -10534,7 +10622,7 @@ function ActivityHistory({
10534
10622
  } = useFunkitAllPostCheckoutsInternal();
10535
10623
  useCheckoutHistoryListener();
10536
10624
  const [animateOut, setAnimateOut] = useState29(false);
10537
- const displayList = useMemo27(() => {
10625
+ const displayList = useMemo28(() => {
10538
10626
  if (activeTab === "All" /* ALL */) {
10539
10627
  return checkoutHistoryList;
10540
10628
  }
@@ -10617,7 +10705,7 @@ function ActivityHistory({
10617
10705
  }
10618
10706
 
10619
10707
  // src/components/ProfileDetails/FunProfileViews/Home/index.tsx
10620
- import React105, { useMemo as useMemo29, useState as useState31 } from "react";
10708
+ import React105, { useMemo as useMemo30, useState as useState31 } from "react";
10621
10709
  import { useAccount as useAccount5 } from "wagmi";
10622
10710
 
10623
10711
  // src/components/Avatar/Avatar.tsx
@@ -10851,13 +10939,13 @@ var animateTitleInClass2 = "_1x1d6jx6";
10851
10939
  var animateTitleOutClass2 = "_1x1d6jx7";
10852
10940
 
10853
10941
  // src/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutSection.tsx
10854
- import React103, { Fragment as Fragment4, useMemo as useMemo28 } from "react";
10942
+ import React103, { Fragment as Fragment3, useMemo as useMemo29 } from "react";
10855
10943
  var MAX_LATEST_CHECKOUTS = 1;
10856
10944
  function HomeCheckoutSection({
10857
10945
  onSelectActivity
10858
10946
  }) {
10859
10947
  const { checkoutHistoryStateMap } = useFunkitAllPostCheckoutsInternal();
10860
- const { latestCheckoutHistories, remainingCount } = useMemo28(() => {
10948
+ const { latestCheckoutHistories, remainingCount } = useMemo29(() => {
10861
10949
  let pendingCheckouts = [];
10862
10950
  IN_PROGRESS_CHECKOUT_STATES.forEach((value) => {
10863
10951
  pendingCheckouts = pendingCheckouts.concat(checkoutHistoryStateMap[value]);
@@ -10869,7 +10957,7 @@ function HomeCheckoutSection({
10869
10957
  remainingCount: remaining
10870
10958
  };
10871
10959
  }, [checkoutHistoryStateMap]);
10872
- return latestCheckoutHistories.length > 0 ? /* @__PURE__ */ React103.createElement(Fragment4, null, /* @__PURE__ */ React103.createElement(FunDivider, {
10960
+ return latestCheckoutHistories.length > 0 ? /* @__PURE__ */ React103.createElement(Fragment3, null, /* @__PURE__ */ React103.createElement(FunDivider, {
10873
10961
  marginTop: "0",
10874
10962
  marginBottom: "16"
10875
10963
  }), /* @__PURE__ */ React103.createElement(Box, {
@@ -10962,7 +11050,7 @@ var ProfileTitleSection = ({
10962
11050
  size: "16",
10963
11051
  weight: "semibold",
10964
11052
  className: animateOut ? animateTitleOutClass2 : animateTitleInClass2
10965
- }, userInfo.accountName)), /* @__PURE__ */ React105.createElement(Box, {
11053
+ }, userInfo.accountNameDisplay)), /* @__PURE__ */ React105.createElement(Box, {
10966
11054
  display: "flex",
10967
11055
  alignItems: "center",
10968
11056
  flexDirection: "row",
@@ -10997,7 +11085,7 @@ function Home({
10997
11085
  const { walletAssets } = useGeneralWallet();
10998
11086
  const [animateOut, setAnimateOut] = useState31(false);
10999
11087
  const [balance, setBalance] = useState31("0.00");
11000
- const AssetsList = useMemo29(() => {
11088
+ const AssetsList = useMemo30(() => {
11001
11089
  if (walletAssets == null) {
11002
11090
  return [/* @__PURE__ */ React105.createElement(SkeletalLoader, {
11003
11091
  key: "skeletal-loader-1"
@@ -11511,7 +11599,7 @@ function FunConnectErrorStep({
11511
11599
  }
11512
11600
 
11513
11601
  // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
11514
- import React113, { useCallback as useCallback25, useEffect as useEffect25, useMemo as useMemo30, useState as useState34 } from "react";
11602
+ import React113, { useCallback as useCallback25, useEffect as useEffect25, useMemo as useMemo31, useState as useState34 } from "react";
11515
11603
 
11516
11604
  // src/utils/browsers.ts
11517
11605
  function isSafari() {
@@ -11576,7 +11664,7 @@ function FunFarcasterConnectingStep({
11576
11664
  const svgUrl = useCallback25(async () => {
11577
11665
  return (await import("./farcaster-24TGVAI4.js")).default;
11578
11666
  }, []);
11579
- const promptText = useMemo30(() => {
11667
+ const promptText = useMemo31(() => {
11580
11668
  if (mobile) {
11581
11669
  return "To sign in with Farcaster, please open the Warpcast app.";
11582
11670
  } else {
@@ -11656,7 +11744,7 @@ function FunFarcasterConnectingStep({
11656
11744
  }
11657
11745
 
11658
11746
  // src/components/FunConnectOptions/FunSignInStep.tsx
11659
- import React118, { useCallback as useCallback26, useContext as useContext19, useMemo as useMemo31, useState as useState36 } from "react";
11747
+ import React118, { useCallback as useCallback26, useContext as useContext19, useMemo as useMemo32, useState as useState36 } from "react";
11660
11748
 
11661
11749
  // src/utils/groupBy.ts
11662
11750
  function groupBy(items, getKey) {
@@ -12133,7 +12221,7 @@ var ModalSelection = ({
12133
12221
  ModalSelection.displayName = "ModalSelection";
12134
12222
 
12135
12223
  // src/components/FunConnectOptions/FunSignInStep.css.ts
12136
- var scrollClassName = "_14qbs541 _1rsrm2fax _1rsrm2fbj";
12224
+ var scrollClassName = "_14qbs541 _1rsrm2fay _1rsrm2fbk";
12137
12225
 
12138
12226
  // src/components/FunConnectOptions/FunSignInStep.tsx
12139
12227
  var FULL_SOCIAL_LOGIN_OPTIONS = [
@@ -12192,7 +12280,7 @@ function FunSignInStep({
12192
12280
  handleOauthRedirect,
12193
12281
  handleGenerateFcUri
12194
12282
  } = useFunkitWeb2Login();
12195
- const isEmailInputValid = useMemo31(() => {
12283
+ const isEmailInputValid = useMemo32(() => {
12196
12284
  return validateEmailString(emailInput);
12197
12285
  }, [emailInput]);
12198
12286
  const [emailError, setEmailError] = useState36();
@@ -12294,12 +12382,12 @@ function FunSignInStep({
12294
12382
  setSelectedWallet,
12295
12383
  changeStep
12296
12384
  ]);
12297
- const ENABLED_SOCIAL_ITEMS = useMemo31(() => {
12385
+ const ENABLED_SOCIAL_ITEMS = useMemo32(() => {
12298
12386
  return FULL_SOCIAL_LOGIN_OPTIONS.filter(
12299
12387
  (oAuthItem) => !!funkitConfig.loginModalConfig.web2SocialLogins[oAuthItem.funkitKey]
12300
12388
  );
12301
12389
  }, [funkitConfig.loginModalConfig.web2SocialLogins]);
12302
- const hasAnySocialEnabled = useMemo31(() => {
12390
+ const hasAnySocialEnabled = useMemo32(() => {
12303
12391
  return ENABLED_SOCIAL_ITEMS.length;
12304
12392
  }, [ENABLED_SOCIAL_ITEMS.length]);
12305
12393
  const Web2LoginSection = ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React118.createElement(FunContainer, {
@@ -12733,7 +12821,7 @@ var ScanIcon = () => /* @__PURE__ */ React125.createElement(AsyncImage, {
12733
12821
  });
12734
12822
 
12735
12823
  // src/components/ConnectOptions/DesktopOptions.tsx
12736
- import React134, { Fragment as Fragment5, useContext as useContext21, useEffect as useEffect28, useRef as useRef10, useState as useState37 } from "react";
12824
+ import React134, { Fragment as Fragment4, useContext as useContext21, useEffect as useEffect28, useRef as useRef10, useState as useState37 } from "react";
12737
12825
 
12738
12826
  // src/components/ConnectModal/ConnectModalIntro.tsx
12739
12827
  import React131, { useContext as useContext20 } from "react";
@@ -13197,7 +13285,7 @@ function DesktopOptions({ onClose }) {
13197
13285
  className: ScrollClassName,
13198
13286
  paddingBottom: "18"
13199
13287
  }, Object.entries(groupedWallets).map(
13200
- ([groupName, wallets2], index) => wallets2.length > 0 && /* @__PURE__ */ React134.createElement(Fragment5, {
13288
+ ([groupName, wallets2], index) => wallets2.length > 0 && /* @__PURE__ */ React134.createElement(Fragment4, {
13201
13289
  key: index
13202
13290
  }, groupName ? /* @__PURE__ */ React134.createElement(Box, {
13203
13291
  marginBottom: "8",
@@ -14630,7 +14718,7 @@ function ModalProvider({ children }) {
14630
14718
  closeModals();
14631
14719
  }, [isUnauthenticated]);
14632
14720
  return /* @__PURE__ */ React142.createElement(ModalContext.Provider, {
14633
- value: useMemo32(
14721
+ value: useMemo33(
14634
14722
  () => ({
14635
14723
  accountModalOpen,
14636
14724
  chainModalOpen,
@@ -14930,6 +15018,23 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
14930
15018
  return walletConnectors;
14931
15019
  }
14932
15020
 
15021
+ // src/components/ConnectButton/formatAccountName.ts
15022
+ function formatAccountName(accountName, isEmail) {
15023
+ const leadingChars = 15;
15024
+ if (accountName.length <= leadingChars) {
15025
+ return accountName;
15026
+ }
15027
+ let prefixName = accountName;
15028
+ if (isEmail) {
15029
+ prefixName = accountName.split("@")[0];
15030
+ }
15031
+ if (prefixName.length <= leadingChars) {
15032
+ return prefixName;
15033
+ } else {
15034
+ return `${prefixName.substring(0, leadingChars - 3)}...`;
15035
+ }
15036
+ }
15037
+
14933
15038
  // src/components/FunkitProvider/FunkitWeb2Provider.tsx
14934
15039
  var ERROR_MESSAGES = {
14935
15040
  MISSING_LOGIN_CODES: "Missing login codes",
@@ -15326,7 +15431,7 @@ var FunkitWeb2Provider = ({
15326
15431
  },
15327
15432
  [privy]
15328
15433
  );
15329
- const userAccountInfo = useMemo33(() => {
15434
+ const userAccountInfo = useMemo34(() => {
15330
15435
  if (loggedInUser && loggedInUser.linked_accounts && loggedInUser.linked_accounts.length > 0) {
15331
15436
  const loggedInAccount = loggedInUser.linked_accounts.find(
15332
15437
  (account) => (account == null ? void 0 : account.type) === loginMethod
@@ -15339,6 +15444,10 @@ var FunkitWeb2Provider = ({
15339
15444
  userId: loggedInAccount.address,
15340
15445
  accountLabel: "Email",
15341
15446
  accountName: loggedInAccount.address,
15447
+ accountNameDisplay: formatAccountName(
15448
+ loggedInAccount.address,
15449
+ true
15450
+ ),
15342
15451
  accountPicSrc: ""
15343
15452
  };
15344
15453
  case "farcaster" /* farcaster */:
@@ -15346,6 +15455,10 @@ var FunkitWeb2Provider = ({
15346
15455
  userId: `@${loggedInAccount.username}`,
15347
15456
  accountLabel: "Farcaster ID",
15348
15457
  accountName: `@${loggedInAccount.username}`,
15458
+ accountNameDisplay: formatAccountName(
15459
+ `@${loggedInAccount.username}`,
15460
+ false
15461
+ ),
15349
15462
  accountPicSrc: loggedInAccount.profile_picture_url || ""
15350
15463
  };
15351
15464
  case "google_oauth" /* google_oauth */:
@@ -15353,6 +15466,7 @@ var FunkitWeb2Provider = ({
15353
15466
  userId: loggedInAccount.email,
15354
15467
  accountLabel: "Email",
15355
15468
  accountName: loggedInAccount.email,
15469
+ accountNameDisplay: formatAccountName(loggedInAccount.email, true),
15356
15470
  accountPicSrc: ""
15357
15471
  };
15358
15472
  case "twitter_oauth" /* twitter_oauth */:
@@ -15360,6 +15474,10 @@ var FunkitWeb2Provider = ({
15360
15474
  userId: `@${loggedInAccount.username}`,
15361
15475
  accountLabel: "Twitter ID",
15362
15476
  accountName: `@${loggedInAccount.username}`,
15477
+ accountNameDisplay: formatAccountName(
15478
+ `@${loggedInAccount.username}`,
15479
+ false
15480
+ ),
15363
15481
  accountPicSrc: loggedInAccount.profile_picture_url || ""
15364
15482
  };
15365
15483
  case "apple_oauth" /* apple_oauth */:
@@ -15367,6 +15485,7 @@ var FunkitWeb2Provider = ({
15367
15485
  userId: loggedInAccount.email,
15368
15486
  accountLabel: "Apple ID",
15369
15487
  accountName: loggedInAccount.email,
15488
+ accountNameDisplay: formatAccountName(loggedInAccount.email, true),
15370
15489
  accountPicSrc: ""
15371
15490
  };
15372
15491
  default:
@@ -15936,7 +16055,7 @@ function AccountButton({
15936
16055
  (value) => value === "full" || value === "address" ? "block" : "none"
15937
16056
  ),
15938
16057
  style: { textWrap: "nowrap" }
15939
- }, userInfo.accountName), /* @__PURE__ */ React148.createElement(DropdownIcon, null)))));
16058
+ }, userInfo.accountNameDisplay), /* @__PURE__ */ React148.createElement(DropdownIcon, null)))));
15940
16059
  }
15941
16060
  function ConnectButton({
15942
16061
  accountStatus = defaultProps.accountStatus,
@@ -16840,7 +16959,7 @@ function setFunkitConnectVersion({ version }) {
16840
16959
  localStorage.setItem(storageKey6, version);
16841
16960
  }
16842
16961
  function getCurrentSdkVersion() {
16843
- return "1.1.1";
16962
+ return "1.1.2";
16844
16963
  }
16845
16964
  function useFingerprint() {
16846
16965
  const fingerprint = useCallback33(() => {
@@ -16999,7 +17118,7 @@ var maxWidth = "_85s11r1";
16999
17118
  import React150, {
17000
17119
  useContext as useContext31,
17001
17120
  useEffect as useEffect38,
17002
- useMemo as useMemo34,
17121
+ useMemo as useMemo35,
17003
17122
  useState as useState46
17004
17123
  } from "react";
17005
17124
  import { useAccount as useAccount16, useAccountEffect as useAccountEffect4 } from "wagmi";
@@ -17031,7 +17150,7 @@ function WalletButtonRenderer({
17031
17150
  },
17032
17151
  onDisconnect: clearLatestWalletId
17033
17152
  });
17034
- const isLastWalletIdConnected = useMemo34(() => {
17153
+ const isLastWalletIdConnected = useMemo35(() => {
17035
17154
  const lastWalletId = getLatestWalletId();
17036
17155
  if (!lastWalletId || !(firstConnector == null ? void 0 : firstConnector.id)) {
17037
17156
  return false;