@funkit/connect 1.1.1 → 1.1.4

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 +26 -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 +1135 -1012
  11. package/dist/wallets/walletConnectors/index.js +68 -68
  12. package/package.json +18 -18
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,725 @@ 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 isSameChain = useMemo18(
7903
+ () => destinationChainId === sourceChainId,
7904
+ [destinationChainId, sourceChainId]
7905
+ );
7906
+ const [isExpanded, setIsExpanded] = useState21(false);
7907
+ const toggle = () => setIsExpanded(!isExpanded);
7908
+ return /* @__PURE__ */ React77.createElement(Box, {
7909
+ width: "full"
7910
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemCollapsibleTrigger, {
7911
+ isDisabled: isSameChain || isLoading,
7912
+ onClick: toggle
7913
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7914
+ text: `Payment ${isSameChain ? "Token" : "Route"}`
7915
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7916
+ color: "modalTextSecondary"
7917
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7918
+ height: 12,
7919
+ width: 12
7920
+ })) : /* @__PURE__ */ React77.createElement(Box, {
7921
+ display: "flex",
7922
+ alignItems: "center",
7923
+ justifyContent: "flex-end",
7924
+ gap: "4"
7925
+ }, symbol ? /* @__PURE__ */ React77.createElement(Box, {
7926
+ display: "flex",
7927
+ alignItems: "center"
7928
+ }, /* @__PURE__ */ React77.createElement(FunAssetAvatar, {
7929
+ assetIconSize: "14",
7930
+ assetTicker: symbol,
7931
+ assetName: symbol,
7932
+ hideIfUnknown: true
7933
+ })) : null, /* @__PURE__ */ React77.createElement(Text, {
7934
+ weight: "medium",
7935
+ color: "modalText",
7936
+ size: "12",
7937
+ style: { textAlign: "end" }
7938
+ }, paymentTokenString), isSameChain ? null : isExpanded ? /* @__PURE__ */ React77.createElement(FunUpArrow, null) : /* @__PURE__ */ React77.createElement(FunDownArrow, null))), !isSameChain && /* @__PURE__ */ React77.createElement(FunTxSummaryCollapsibleBox, {
7939
+ isExpanded
7940
+ }, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7941
+ text: "Source Chain"
7942
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7943
+ color: "modalTextSecondary"
7944
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7945
+ height: 12,
7946
+ width: 12
7947
+ })) : /* @__PURE__ */ React77.createElement(Box, {
7948
+ display: "flex",
7949
+ alignItems: "center",
7950
+ justifyContent: "flex-end",
7951
+ fontWeight: "medium",
7952
+ color: "modalText",
7953
+ fontSize: "12"
7954
+ }, /* @__PURE__ */ React77.createElement(ChainLineItem, {
7955
+ chainId: Number(sourceChainId),
7956
+ chainIconSize: "14",
7957
+ gap: "4"
7958
+ }))), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
7959
+ text: "Destination Chain"
7960
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
7961
+ color: "modalTextSecondary"
7962
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
7963
+ height: 12,
7964
+ width: 12
7965
+ })) : /* @__PURE__ */ React77.createElement(Box, {
7966
+ display: "flex",
7967
+ alignItems: "center",
7968
+ justifyContent: "flex-end",
7969
+ fontWeight: "medium",
7970
+ color: "modalText",
7971
+ fontSize: "12"
7972
+ }, /* @__PURE__ */ React77.createElement(ChainLineItem, {
7973
+ chainId: Number(destinationChainId),
7974
+ chainIconSize: "14",
7975
+ gap: "4"
7976
+ })))));
7977
+ }
7978
+ function FunTransactionSummary({
7979
+ checkoutId,
7980
+ errorMessage = ""
7981
+ }) {
7982
+ var _a, _b, _c, _d, _e, _f, _g, _h;
7983
+ const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
7984
+ const estFees = {
7985
+ totalUsd: parseInputToNumber(
7986
+ (_a = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _a.finalFeesBreakdown.totalFeesUsd
7987
+ ),
7988
+ transactionFeesUsd: parseInputToNumber(
7989
+ (_b = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _b.finalFeesBreakdown.networkFeesUsd
7990
+ ),
7991
+ platformFeesUsd: parseInputToNumber(
7992
+ (_c = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _c.finalFeesBreakdown.platformFeesUsd
7993
+ )
7994
+ };
7995
+ const estTime = (((_d = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _d.finalTimeEstimationMs) || 0) / 1e3 || 0;
7996
+ const paymentTokenString = useMemo18(() => {
7997
+ var _a2, _b2;
7998
+ return formatCryptoAndStringify(
7999
+ parseFloat(((_a2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _a2.finalPaymentTokenAmount) || "0"),
8000
+ `${(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.symbol}` || ""
8001
+ );
8002
+ }, [
8003
+ (_e = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _e.finalPaymentTokenAmount,
8004
+ (_f = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _f.symbol
8005
+ ]);
8006
+ const paymentMethod = (_g = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _g.paymentMethod;
8007
+ const isLoading = checkoutItem ? (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) : false;
8008
+ const total = parseInputToNumber((_h = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _h.finalTotalUsd);
8009
+ const symbol = (checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.symbol) || "";
8010
+ const sourceChainId = (checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo.chainId) || "";
8011
+ const destinationChainId = (checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain) || "";
8012
+ return /* @__PURE__ */ React77.createElement(Box, null, /* @__PURE__ */ React77.createElement(Box, {
8013
+ paddingBottom: "8"
8014
+ }, /* @__PURE__ */ React77.createElement(Text, {
8015
+ color: "modalTextSecondary",
8016
+ size: "14",
8017
+ weight: "medium"
8018
+ }, "Transaction Summary")), errorMessage !== "" ? /* @__PURE__ */ React77.createElement(Box, {
8019
+ paddingTop: "16"
8020
+ }, /* @__PURE__ */ React77.createElement(FunNotification, {
8021
+ type: "error",
8022
+ description: errorMessage
8023
+ })) : /* @__PURE__ */ React77.createElement(FunTxSummaryBox, null, /* @__PURE__ */ React77.createElement(PaymentRouteLineItem, {
8024
+ paymentTokenString,
8025
+ symbol,
8026
+ sourceChainId,
8027
+ destinationChainId,
8028
+ isLoading
8029
+ }), /* @__PURE__ */ React77.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React77.createElement(FeesLineItem, {
8030
+ feesItem: estFees,
8031
+ isLoading,
8032
+ paymentMethod
8033
+ }), /* @__PURE__ */ React77.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
8034
+ text: "Est. Processing Time"
8035
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
8036
+ color: "modalTextSecondary"
8037
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
8038
+ height: 12,
8039
+ width: 12
8040
+ })) : isNotNullish(estTime) ? /* @__PURE__ */ React77.createElement(Text, {
8041
+ weight: "medium",
8042
+ color: "modalText",
8043
+ size: "12",
8044
+ textAlign: "right"
8045
+ }, formatSecondsToReadableForm(
8046
+ parseFloat(estTime == null ? void 0 : estTime.toString()),
8047
+ true,
8048
+ false
8049
+ )) : null), /* @__PURE__ */ React77.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React77.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React77.createElement(FunTxSummaryLineItemKeyText, {
8050
+ text: "Total"
8051
+ }), isLoading ? /* @__PURE__ */ React77.createElement(Box, {
8052
+ color: "modalTextSecondary"
8053
+ }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
8054
+ height: 12,
8055
+ width: 12
8056
+ })) : isNotNullish(total) ? /* @__PURE__ */ React77.createElement(Text, {
8057
+ weight: "medium",
8058
+ color: "modalText",
8059
+ size: "12"
8060
+ }, formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)));
8061
+ }
8062
+
8063
+ // src/components/FunCheckoutModal/FunCheckoutConfirmationStep.tsx
8064
+ function FunCheckoutConfirmationStep({
8065
+ checkoutId,
8066
+ checkoutStep,
8067
+ regenerateQuoteFn,
8068
+ onFinish,
8069
+ animateOut
8070
+ }) {
8071
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
8072
+ const { writeContractAsync } = useWriteContract();
8073
+ const { sendTransactionAsync } = useSendTransaction();
8074
+ const { checkoutItem, updateSelectedPaymentMethodInfo, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
7594
8075
  const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
7595
8076
  const funkitConfig = useFunkitConfig();
7596
- const hasQuoteError = useMemo17(
8077
+ const hasQuoteError = useMemo19(
7597
8078
  () => (checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage) !== "",
7598
8079
  [checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage]
7599
8080
  );
@@ -7603,23 +8084,23 @@ function FunCheckoutConfirmationStep({
7603
8084
  const hasDraftValueAndMethodError = ((_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.paymentMethod) === "card" /* CARD */ && isAmountValidForMoonpay({
7604
8085
  amountUsd: ((checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0).toString()
7605
8086
  });
7606
- const [isConfirming, setIsConfirming] = useState21(false);
7607
- const [checkoutStepMessage, setCheckoutStepMessage] = useState21("");
7608
- const [confirmationError, setConfirmationError] = useState21("");
7609
- const hasCheckoutConfirmationError = useMemo17(
8087
+ const [isConfirming, setIsConfirming] = useState22(false);
8088
+ const [checkoutStepMessage, setCheckoutStepMessage] = useState22("");
8089
+ const [confirmationError, setConfirmationError] = useState22("");
8090
+ const hasCheckoutConfirmationError = useMemo19(
7610
8091
  () => confirmationError !== "",
7611
8092
  [confirmationError]
7612
8093
  );
7613
- const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState21(false);
7614
- const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState21("");
7615
- const [postCheckoutError, setPostCheckoutError] = useState21("");
7616
- const hasPostCheckoutError = useMemo17(
8094
+ const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState22(false);
8095
+ const [postCheckoutStepMessage, setPostCheckoutStepMessage] = useState22("");
8096
+ const [postCheckoutError, setPostCheckoutError] = useState22("");
8097
+ const hasPostCheckoutError = useMemo19(
7617
8098
  () => postCheckoutError !== "",
7618
8099
  [postCheckoutError]
7619
8100
  );
7620
8101
  const handleMeshPostCheckout = useCallback17(
7621
8102
  async (depositAddress) => {
7622
- var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o2;
8103
+ var _a2, _b2, _c2, _d2, _e2, _f2, _g2, _h2, _i2, _j2, _k2, _l2, _m2, _n2, _o;
7623
8104
  if (!funkitConfig.apiKey) {
7624
8105
  throw new Error("Invalid funkit apiKey");
7625
8106
  }
@@ -7638,7 +8119,7 @@ function FunCheckoutConfirmationStep({
7638
8119
  (_n2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _n2.symbol,
7639
8120
  depositAddress,
7640
8121
  roundUpToXDecimalPlaces(
7641
- (_o2 = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _o2.baseQuote.estTotalFromAmount.toString(),
8122
+ (_o = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _o.baseQuote.estTotalFromAmount.toString(),
7642
8123
  5
7643
8124
  ).toString(),
7644
8125
  null,
@@ -7895,62 +8376,32 @@ function FunCheckoutConfirmationStep({
7895
8376
  showToast,
7896
8377
  regenerateQuoteFn
7897
8378
  ]);
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
8379
  const hasError = hasDraftValueAndMethodError || hasQuoteError || hasCheckoutConfirmationError || hasPostCheckoutError;
7911
8380
  const isNotificationVisible = !hasError && (!!postCheckoutStepMessage || !!checkoutStepMessage);
7912
- return /* @__PURE__ */ React75.createElement(Box, {
8381
+ return /* @__PURE__ */ React78.createElement(Box, {
7913
8382
  display: "flex",
7914
8383
  flexDirection: "column",
7915
8384
  paddingY: "24",
7916
8385
  className: animateOut ? animateContentOutClass : animateContentInClass
7917
- }, /* @__PURE__ */ React75.createElement(CheckoutPrimaryInfo, {
8386
+ }, /* @__PURE__ */ React78.createElement(CheckoutPrimaryInfo, {
7918
8387
  checkoutId,
7919
8388
  checkoutStep,
7920
8389
  prioritizeDraftValue: false
7921
- }), /* @__PURE__ */ React75.createElement(Box, {
8390
+ }), /* @__PURE__ */ React78.createElement(Box, {
7922
8391
  display: "flex",
7923
8392
  flexDirection: "column",
7924
8393
  gap: "24",
7925
8394
  paddingY: "24"
7926
- }, (checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) ? /* @__PURE__ */ React75.createElement(ExistingPaymentMethodItem, {
8395
+ }, (checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) ? /* @__PURE__ */ React78.createElement(ExistingPaymentMethodItem, {
7927
8396
  paymentMethodInfo: checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo,
7928
8397
  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,
8398
+ }) : null, /* @__PURE__ */ React78.createElement(FunTransactionSummary, {
8399
+ checkoutId,
7949
8400
  errorMessage: hasDraftValueAndMethodError ? generateInsufficientAmountForMoonpayError(
7950
8401
  1 /* CHECKOUT */,
7951
8402
  false
7952
8403
  ) : hasQuoteError ? checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage : hasCheckoutConfirmationError ? confirmationError : hasPostCheckoutError ? postCheckoutError : ""
7953
- })), /* @__PURE__ */ React75.createElement(FunNotification, {
8404
+ })), /* @__PURE__ */ React78.createElement(FunNotification, {
7954
8405
  description: postCheckoutStepMessage || checkoutStepMessage,
7955
8406
  type: "default",
7956
8407
  isVisible: isNotificationVisible,
@@ -7959,39 +8410,39 @@ function FunCheckoutConfirmationStep({
7959
8410
  marginBottom: isNotificationVisible ? 24 : 0
7960
8411
  }
7961
8412
  }
7962
- }), /* @__PURE__ */ React75.createElement(Box, {
8413
+ }), /* @__PURE__ */ React78.createElement(Box, {
7963
8414
  display: "flex",
7964
8415
  flexDirection: "column",
7965
8416
  gap: "4"
7966
- }, /* @__PURE__ */ React75.createElement(FunButton, {
8417
+ }, /* @__PURE__ */ React78.createElement(FunButton, {
7967
8418
  title: "Confirm Order",
7968
8419
  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, {
8420
+ titleSuffix: isConfirming || isPostCheckoutLoading ? /* @__PURE__ */ React78.createElement(Box, {
7970
8421
  display: "flex",
7971
8422
  alignItems: "center",
7972
8423
  color: "modalText"
7973
- }, /* @__PURE__ */ React75.createElement(SpinnerIcon, {
8424
+ }, /* @__PURE__ */ React78.createElement(SpinnerIcon, {
7974
8425
  height: 16,
7975
8426
  width: 16
7976
8427
  })) : null,
7977
8428
  onClick: onClickConfirm
7978
- }), /* @__PURE__ */ React75.createElement(FunTermsAndConditionsTextButton, null)));
8429
+ }), /* @__PURE__ */ React78.createElement(FunTermsAndConditionsTextButton, null)));
7979
8430
  }
7980
8431
 
7981
8432
  // src/components/FunCheckoutModal/FunCheckoutInputAmountStep.tsx
7982
8433
  import { getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout4 } from "@funkit/core";
7983
- import React77, { useCallback as useCallback18, useEffect as useEffect18, useMemo as useMemo18, useState as useState22 } from "react";
8434
+ import React80, { useCallback as useCallback18, useEffect as useEffect19, useMemo as useMemo20, useState as useState23 } from "react";
7984
8435
 
7985
8436
  // src/components/Icons/SwitchIcon.tsx
7986
- import React76 from "react";
8437
+ import React79 from "react";
7987
8438
  var SwitchIcon = () => {
7988
- return /* @__PURE__ */ React76.createElement("svg", {
8439
+ return /* @__PURE__ */ React79.createElement("svg", {
7989
8440
  width: "12",
7990
8441
  height: "11",
7991
8442
  viewBox: "0 0 9 8",
7992
8443
  fill: "none",
7993
8444
  xmlns: "http://www.w3.org/2000/svg"
7994
- }, /* @__PURE__ */ React76.createElement("path", {
8445
+ }, /* @__PURE__ */ React79.createElement("path", {
7995
8446
  d: "M3.72534 0.5V7.5L1.10034 5.09375M5.47531 7.50015V0.500154L8.10031 2.9064",
7996
8447
  stroke: "currentColor",
7997
8448
  strokeWidth: "0.874966",
@@ -8009,14 +8460,14 @@ function FunCheckoutInputAmountStep({
8009
8460
  const { apiKey } = useFunkitConfig();
8010
8461
  const { active: active2 } = useActiveTheme();
8011
8462
  const { checkoutItem, updateTargetAssetAmount, getCheckoutDraftDollarValue } = useFunkitPreCheckoutInternal(checkoutId);
8012
- const [isAmountInAbsolute, setIsAmountInAbsolute] = useState22(false);
8013
- const [isInited, setIsInited] = useState22(false);
8463
+ const [isAmountInAbsolute, setIsAmountInAbsolute] = useState23(false);
8464
+ const [isInited, setIsInited] = useState23(false);
8014
8465
  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(() => {
8466
+ const [amountInput, setAmountInput] = useState23("");
8467
+ const [unitPrice, setUnitPrice] = useState23(null);
8468
+ const [errorMessage, setErrorMessage] = useState23("");
8469
+ const [rotateIconAnimation, setRotateIconAnimation] = useState23(false);
8470
+ useEffect19(() => {
8020
8471
  const fetchPrice = async () => {
8021
8472
  var _a, _b, _c, _d;
8022
8473
  try {
@@ -8037,7 +8488,7 @@ function FunCheckoutInputAmountStep({
8037
8488
  const id = setInterval(fetchPrice, 5e3);
8038
8489
  return () => clearInterval(id);
8039
8490
  }, []);
8040
- useEffect18(() => {
8491
+ useEffect19(() => {
8041
8492
  if (unitPrice == null || isInited)
8042
8493
  return;
8043
8494
  if (isAmountInAbsolute) {
@@ -8050,7 +8501,7 @@ function FunCheckoutInputAmountStep({
8050
8501
  }
8051
8502
  setIsInited(true);
8052
8503
  }, [initialAssetAmount, isAmountInAbsolute, isInited, unitPrice]);
8053
- const finalAmounts = useMemo18(() => {
8504
+ const finalAmounts = useMemo20(() => {
8054
8505
  if (unitPrice == null) {
8055
8506
  return {
8056
8507
  usdEquivalent: 0,
@@ -8064,7 +8515,7 @@ function FunCheckoutInputAmountStep({
8064
8515
  absoluteEquivalent: parseFloat(absoluteEquivalent.toFixed(5))
8065
8516
  };
8066
8517
  }, [amountInput, isAmountInAbsolute, unitPrice]);
8067
- const [isContinuing, setIsContinuing] = useState22(false);
8518
+ const [isContinuing, setIsContinuing] = useState23(false);
8068
8519
  const onClickContinue = useCallback18(async () => {
8069
8520
  setIsContinuing(true);
8070
8521
  await updateTargetAssetAmount(finalAmounts.absoluteEquivalent);
@@ -8077,28 +8528,28 @@ function FunCheckoutInputAmountStep({
8077
8528
  onContinue,
8078
8529
  updateTargetAssetAmount
8079
8530
  ]);
8080
- return /* @__PURE__ */ React77.createElement(Box, {
8531
+ return /* @__PURE__ */ React80.createElement(Box, {
8081
8532
  display: "flex",
8082
8533
  flexDirection: "column",
8083
8534
  gap: "24",
8084
8535
  paddingY: "24",
8085
8536
  width: "full",
8086
8537
  className: animateOut ? animateContentOutClass : animateContentInClass
8087
- }, unitPrice == null && !errorMessage ? /* @__PURE__ */ React77.createElement(Box, {
8538
+ }, unitPrice == null && !errorMessage ? /* @__PURE__ */ React80.createElement(Box, {
8088
8539
  display: "flex",
8089
8540
  flexDirection: "column",
8090
8541
  justifyContent: "center",
8091
8542
  alignItems: "center",
8092
8543
  width: "full",
8093
8544
  style: { height: 130 }
8094
- }, /* @__PURE__ */ React77.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React77.createElement(Box, {
8545
+ }, /* @__PURE__ */ React80.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React80.createElement(Box, {
8095
8546
  display: "flex",
8096
8547
  flexDirection: "column",
8097
8548
  justifyContent: "center",
8098
8549
  alignItems: "center",
8099
8550
  gap: "8",
8100
8551
  width: "full"
8101
- }, /* @__PURE__ */ React77.createElement(FunInput, {
8552
+ }, /* @__PURE__ */ React80.createElement(FunInput, {
8102
8553
  value: amountInput === "" ? "" : isAmountInAbsolute ? amountInput : `$${amountInput}`,
8103
8554
  placeholder: isAmountInAbsolute ? "0.00000" : "$0.00",
8104
8555
  onChange: (newAmount) => {
@@ -8130,17 +8581,17 @@ function FunCheckoutInputAmountStep({
8130
8581
  },
8131
8582
  hasBackground: false,
8132
8583
  textColor: "modalText"
8133
- }), /* @__PURE__ */ React77.createElement(Box, {
8584
+ }), /* @__PURE__ */ React80.createElement(Box, {
8134
8585
  display: "flex",
8135
8586
  justifyContent: "center",
8136
8587
  alignItems: "center",
8137
8588
  gap: "4"
8138
- }, /* @__PURE__ */ React77.createElement(Text, {
8589
+ }, /* @__PURE__ */ React80.createElement(Text, {
8139
8590
  color: "modalTextSecondary"
8140
- }, isAmountInAbsolute ? formatCurrencyAndStringify(finalAmounts.usdEquivalent) : formatCryptoAndStringify(finalAmounts.absoluteEquivalent)), /* @__PURE__ */ React77.createElement(FunIconButton, {
8591
+ }, isAmountInAbsolute ? formatCurrencyAndStringify(finalAmounts.usdEquivalent) : formatCryptoAndStringify(finalAmounts.absoluteEquivalent)), /* @__PURE__ */ React80.createElement(FunIconButton, {
8141
8592
  size: "20",
8142
8593
  showBorder: false,
8143
- icon: /* @__PURE__ */ React77.createElement(SwitchIcon, null),
8594
+ icon: /* @__PURE__ */ React80.createElement(SwitchIcon, null),
8144
8595
  color: { base: "modalTextSecondary", hover: "accentColor" },
8145
8596
  onClick: () => {
8146
8597
  setRotateIconAnimation(true);
@@ -8153,7 +8604,7 @@ function FunCheckoutInputAmountStep({
8153
8604
  }, 1e3);
8154
8605
  },
8155
8606
  rotateIconAnimation
8156
- })), /* @__PURE__ */ React77.createElement(FunNotification, {
8607
+ })), /* @__PURE__ */ React80.createElement(FunNotification, {
8157
8608
  type: "error",
8158
8609
  description: errorMessage,
8159
8610
  isVisible: !!errorMessage,
@@ -8164,14 +8615,14 @@ function FunCheckoutInputAmountStep({
8164
8615
  marginBottom: errorMessage ? 0 : -8
8165
8616
  }
8166
8617
  }
8167
- })), /* @__PURE__ */ React77.createElement(FunButton, {
8618
+ })), /* @__PURE__ */ React80.createElement(FunButton, {
8168
8619
  title: "Continue",
8169
8620
  isDisabled: unitPrice == null || isContinuing || (finalAmounts.absoluteEquivalent || 0) <= 0 || finalAmounts.usdEquivalent <= 0,
8170
- titleSuffix: isContinuing ? /* @__PURE__ */ React77.createElement(Box, {
8621
+ titleSuffix: isContinuing ? /* @__PURE__ */ React80.createElement(Box, {
8171
8622
  display: "flex",
8172
8623
  alignItems: "center",
8173
8624
  color: "modalText"
8174
- }, /* @__PURE__ */ React77.createElement(SpinnerIcon, {
8625
+ }, /* @__PURE__ */ React80.createElement(SpinnerIcon, {
8175
8626
  height: 16,
8176
8627
  width: 16
8177
8628
  })) : null,
@@ -8184,17 +8635,17 @@ import {
8184
8635
  FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
8185
8636
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7
8186
8637
  } from "@funkit/core";
8187
- import React79, { useCallback as useCallback19, useEffect as useEffect19, useMemo as useMemo19, useState as useState23 } from "react";
8638
+ import React82, { useCallback as useCallback19, useEffect as useEffect20, useMemo as useMemo21, useState as useState24 } from "react";
8188
8639
 
8189
8640
  // src/components/SkeletalLoader/SkeletalLoader.tsx
8190
- import React78 from "react";
8641
+ import React81 from "react";
8191
8642
 
8192
8643
  // src/components/SkeletalLoader/SkeletalLoader.css.ts
8193
8644
  var pulseAnimation = "ahnyb11";
8194
8645
 
8195
8646
  // src/components/SkeletalLoader/SkeletalLoader.tsx
8196
8647
  var SingleLoader = () => {
8197
- return /* @__PURE__ */ React78.createElement("div", {
8648
+ return /* @__PURE__ */ React81.createElement("div", {
8198
8649
  key: "loading-1",
8199
8650
  style: {
8200
8651
  width: 411,
@@ -8204,14 +8655,14 @@ var SingleLoader = () => {
8204
8655
  display: "inline-flex"
8205
8656
  },
8206
8657
  className: pulseAnimation
8207
- }, /* @__PURE__ */ React78.createElement("div", {
8658
+ }, /* @__PURE__ */ React81.createElement("div", {
8208
8659
  style: {
8209
8660
  justifyContent: "center",
8210
8661
  alignItems: "flex-start",
8211
8662
  gap: 10,
8212
8663
  display: "flex"
8213
8664
  }
8214
- }, /* @__PURE__ */ React78.createElement(Box, {
8665
+ }, /* @__PURE__ */ React81.createElement(Box, {
8215
8666
  background: "loadingBase",
8216
8667
  style: {
8217
8668
  width: 24,
@@ -8219,7 +8670,7 @@ var SingleLoader = () => {
8219
8670
  position: "relative",
8220
8671
  borderRadius: 40
8221
8672
  }
8222
- }), /* @__PURE__ */ React78.createElement("div", {
8673
+ }), /* @__PURE__ */ React81.createElement("div", {
8223
8674
  style: {
8224
8675
  flexDirection: "column",
8225
8676
  justifyContent: "flex-start",
@@ -8227,21 +8678,21 @@ var SingleLoader = () => {
8227
8678
  gap: 7,
8228
8679
  display: "inline-flex"
8229
8680
  }
8230
- }, /* @__PURE__ */ React78.createElement(Box, {
8681
+ }, /* @__PURE__ */ React81.createElement(Box, {
8231
8682
  background: "loadingAccent",
8232
8683
  style: {
8233
8684
  width: 114,
8234
8685
  height: 15,
8235
8686
  borderRadius: 12
8236
8687
  }
8237
- }), /* @__PURE__ */ React78.createElement(Box, {
8688
+ }), /* @__PURE__ */ React81.createElement(Box, {
8238
8689
  background: "loadingBase",
8239
8690
  style: {
8240
8691
  width: 114,
8241
8692
  height: 15,
8242
8693
  borderRadius: 12
8243
8694
  }
8244
- }))), /* @__PURE__ */ React78.createElement("div", {
8695
+ }))), /* @__PURE__ */ React81.createElement("div", {
8245
8696
  style: {
8246
8697
  flexDirection: "column",
8247
8698
  justifyContent: "center",
@@ -8249,7 +8700,7 @@ var SingleLoader = () => {
8249
8700
  gap: 2,
8250
8701
  display: "inline-flex"
8251
8702
  }
8252
- }, /* @__PURE__ */ React78.createElement(Box, {
8703
+ }, /* @__PURE__ */ React81.createElement(Box, {
8253
8704
  background: "loadingBase",
8254
8705
  style: {
8255
8706
  width: 114,
@@ -8259,19 +8710,19 @@ var SingleLoader = () => {
8259
8710
  })));
8260
8711
  };
8261
8712
  var triple = [
8262
- /* @__PURE__ */ React78.createElement(SingleLoader, {
8713
+ /* @__PURE__ */ React81.createElement(SingleLoader, {
8263
8714
  key: 1
8264
8715
  }),
8265
- /* @__PURE__ */ React78.createElement(SingleLoader, {
8716
+ /* @__PURE__ */ React81.createElement(SingleLoader, {
8266
8717
  key: 2
8267
8718
  }),
8268
- /* @__PURE__ */ React78.createElement(SingleLoader, {
8719
+ /* @__PURE__ */ React81.createElement(SingleLoader, {
8269
8720
  key: 3
8270
8721
  })
8271
8722
  ];
8272
8723
  var SkeletalLoader = () => {
8273
8724
  return triple.map((loader, i) => {
8274
- return /* @__PURE__ */ React78.createElement("div", {
8725
+ return /* @__PURE__ */ React81.createElement("div", {
8275
8726
  key: i
8276
8727
  }, loader);
8277
8728
  });
@@ -8285,9 +8736,9 @@ function MeshOrAccountSelectAsset({
8285
8736
  isOnFinishLoading
8286
8737
  }) {
8287
8738
  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("");
8739
+ const [accountHoldingsMap, setAccountHoldingsMap] = useState24({});
8740
+ const [isLoadingAssets, setIsLoadingAssets] = useState24(true);
8741
+ const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState24("");
8291
8742
  const { checkoutItem, updateSourceAsset } = useFunkitPreCheckoutInternal(checkoutId);
8292
8743
  const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
8293
8744
  const draftDollarValueNormalized = (checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) || 0;
@@ -8414,7 +8865,7 @@ function MeshOrAccountSelectAsset({
8414
8865
  });
8415
8866
  return itemMap;
8416
8867
  }, [checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain, walletAssets]);
8417
- useEffect19(() => {
8868
+ useEffect20(() => {
8418
8869
  async function fetchAccountHoldings() {
8419
8870
  var _a2;
8420
8871
  const isMapInited = Object.keys(accountHoldingsMap).length > 0;
@@ -8438,7 +8889,7 @@ function MeshOrAccountSelectAsset({
8438
8889
  generateAccountHoldingsMapForMesh,
8439
8890
  generateAccountHoldingsMapForBalance
8440
8891
  ]);
8441
- const assetOptions = useMemo19(() => {
8892
+ const assetOptions = useMemo21(() => {
8442
8893
  var _a2, _b2;
8443
8894
  if (!checkoutItem || !((_a2 = checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod))
8444
8895
  return [];
@@ -8459,33 +8910,33 @@ function MeshOrAccountSelectAsset({
8459
8910
  return {
8460
8911
  value: chainSymbolKey,
8461
8912
  isDisabled: isTokenDisabled,
8462
- label: /* @__PURE__ */ React79.createElement(Box, {
8913
+ label: /* @__PURE__ */ React82.createElement(Box, {
8463
8914
  alignItems: "center",
8464
8915
  display: "flex",
8465
8916
  flexDirection: "row",
8466
8917
  justifyContent: "space-between",
8467
8918
  style: { fontSize: 12 },
8468
8919
  key: chainSymbolKey
8469
- }, /* @__PURE__ */ React79.createElement(Box, {
8920
+ }, /* @__PURE__ */ React82.createElement(Box, {
8470
8921
  display: "flex",
8471
8922
  justifyContent: "flex-start",
8472
8923
  alignItems: "center",
8473
8924
  gap: "12"
8474
- }, /* @__PURE__ */ React79.createElement(FunAssetAvatar, {
8925
+ }, /* @__PURE__ */ React82.createElement(FunAssetAvatar, {
8475
8926
  assetSrc: item.iconSrc,
8476
8927
  assetTicker: item.symbol,
8477
8928
  assetName: item.symbol,
8478
8929
  assetIconSize: "24",
8479
8930
  chainId: item.pickedChainId,
8480
8931
  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, {
8932
+ }), /* @__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
8933
  display: "flex",
8483
8934
  alignItems: "center",
8484
8935
  justifyContent: "flex-end",
8485
8936
  gap: "8"
8486
- }, badgeText ? /* @__PURE__ */ React79.createElement(FunBadge, {
8937
+ }, badgeText ? /* @__PURE__ */ React82.createElement(FunBadge, {
8487
8938
  text: badgeText
8488
- }) : null, /* @__PURE__ */ React79.createElement("div", null, formatCurrencyAndStringify(item.usdAmount || 0)))),
8939
+ }) : null, /* @__PURE__ */ React82.createElement("div", null, formatCurrencyAndStringify(item.usdAmount || 0)))),
8489
8940
  labelMeta: item.usdAmount
8490
8941
  };
8491
8942
  }).sort(
@@ -8514,38 +8965,38 @@ function MeshOrAccountSelectAsset({
8514
8965
  quoteNotificationMessage,
8515
8966
  clearCheckoutQuoteMessages
8516
8967
  } = useCheckoutQuoteNotification(checkoutId || "");
8517
- const [insufficientAssetError, setInsufficientAssetError] = useState23("");
8968
+ const [insufficientAssetError, setInsufficientAssetError] = useState24("");
8518
8969
  const hasInsufficientAssetError = !!insufficientAssetError;
8519
8970
  const showNotification = hasInsufficientAssetError || showQuoteNotification;
8520
- useEffect19(() => {
8971
+ useEffect20(() => {
8521
8972
  if (checkoutItem == null ? void 0 : checkoutItem.isDrafting) {
8522
8973
  setSelectedChainTokenSymbol("");
8523
8974
  setInsufficientAssetError("");
8524
8975
  }
8525
8976
  }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting]);
8526
- return /* @__PURE__ */ React79.createElement(Box, null, /* @__PURE__ */ React79.createElement(CheckoutPrimaryInfo, {
8977
+ return /* @__PURE__ */ React82.createElement(Box, null, /* @__PURE__ */ React82.createElement(CheckoutPrimaryInfo, {
8527
8978
  checkoutId,
8528
8979
  checkoutStep,
8529
8980
  prioritizeDraftValue: true
8530
- }), /* @__PURE__ */ React79.createElement(Box, {
8981
+ }), /* @__PURE__ */ React82.createElement(Box, {
8531
8982
  display: "flex",
8532
8983
  flexDirection: "column",
8533
8984
  gap: "10",
8534
8985
  paddingTop: "24"
8535
- }, /* @__PURE__ */ React79.createElement(Text, {
8986
+ }, /* @__PURE__ */ React82.createElement(Text, {
8536
8987
  color: "modalTextSecondary",
8537
8988
  size: "18",
8538
8989
  weight: "semibold"
8539
- }, funkitConfig.textCustomizations.payWith)), /* @__PURE__ */ React79.createElement(Box, {
8990
+ }, funkitConfig.textCustomizations.payWith)), /* @__PURE__ */ React82.createElement(Box, {
8540
8991
  paddingBottom: "24",
8541
8992
  paddingTop: "8"
8542
- }, isLoadingAssets ? /* @__PURE__ */ React79.createElement(Box, {
8993
+ }, isLoadingAssets ? /* @__PURE__ */ React82.createElement(Box, {
8543
8994
  display: "flex",
8544
8995
  flexDirection: "column",
8545
8996
  gap: "10"
8546
- }, /* @__PURE__ */ React79.createElement(SkeletalLoader, {
8997
+ }, /* @__PURE__ */ React82.createElement(SkeletalLoader, {
8547
8998
  key: "skeletal-loader"
8548
- })) : /* @__PURE__ */ React79.createElement(FunSelectDropdown, {
8999
+ })) : /* @__PURE__ */ React82.createElement(FunSelectDropdown, {
8549
9000
  handleSelect: (newValue) => {
8550
9001
  setSelectedChainTokenSymbol(newValue);
8551
9002
  clearCheckoutQuoteMessages();
@@ -8565,21 +9016,21 @@ function MeshOrAccountSelectAsset({
8565
9016
  optionItemPadding: "12",
8566
9017
  showBorder: false,
8567
9018
  baseOptionBackgroundColor: "transparent"
8568
- })), /* @__PURE__ */ React79.createElement(Box, {
9019
+ })), /* @__PURE__ */ React82.createElement(Box, {
8569
9020
  paddingBottom: showNotification ? "24" : "0"
8570
- }, /* @__PURE__ */ React79.createElement(FunNotification, {
9021
+ }, /* @__PURE__ */ React82.createElement(FunNotification, {
8571
9022
  isVisible: showNotification,
8572
9023
  type: hasQuoteError ? "error" : "default",
8573
9024
  description: quoteNotificationMessage || insufficientAssetError
8574
- })), /* @__PURE__ */ React79.createElement(FunButton, {
9025
+ })), /* @__PURE__ */ React82.createElement(FunButton, {
8575
9026
  type: "primary",
8576
9027
  title: "Continue",
8577
9028
  isDisabled: !selectedChainTokenSymbol || hasInsufficientAssetError || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || showQuoteNotification || isOnFinishLoading,
8578
- titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React79.createElement(Box, {
9029
+ titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React82.createElement(Box, {
8579
9030
  display: "flex",
8580
9031
  alignItems: "center",
8581
9032
  color: "modalText"
8582
- }, /* @__PURE__ */ React79.createElement(SpinnerIcon, {
9033
+ }, /* @__PURE__ */ React82.createElement(SpinnerIcon, {
8583
9034
  height: 16,
8584
9035
  width: 16
8585
9036
  })) : null,
@@ -8595,7 +9046,7 @@ function FunCheckoutSelectAssetStep({
8595
9046
  }) {
8596
9047
  var _a, _b;
8597
9048
  const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
8598
- return /* @__PURE__ */ React79.createElement(Box, {
9049
+ return /* @__PURE__ */ React82.createElement(Box, {
8599
9050
  display: "flex",
8600
9051
  flexDirection: "column",
8601
9052
  gap: "24",
@@ -8603,18 +9054,18 @@ function FunCheckoutSelectAssetStep({
8603
9054
  className: animateOut ? animateContentOutClass : animateContentInClass
8604
9055
  }, isNotNullish((_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
8605
9056
  (_b = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _b.paymentMethod
8606
- ) ? /* @__PURE__ */ React79.createElement(MeshOrAccountSelectAsset, {
9057
+ ) ? /* @__PURE__ */ React82.createElement(MeshOrAccountSelectAsset, {
8607
9058
  isOnFinishLoading,
8608
9059
  onFinish,
8609
9060
  checkoutId,
8610
9061
  checkoutStep
8611
- }) : /* @__PURE__ */ React79.createElement(Text, {
9062
+ }) : /* @__PURE__ */ React82.createElement(Text, {
8612
9063
  color: "modalTextSecondary"
8613
9064
  }, "Unsupported payment method"));
8614
9065
  }
8615
9066
 
8616
9067
  // src/components/FunCheckoutModal/FunCheckoutVerifyDetailsStep.tsx
8617
- import React80 from "react";
9068
+ import React83 from "react";
8618
9069
  function FunCheckoutVerifyDetailsStep({
8619
9070
  checkoutId,
8620
9071
  checkoutStep,
@@ -8622,17 +9073,17 @@ function FunCheckoutVerifyDetailsStep({
8622
9073
  }) {
8623
9074
  const { checkoutItem } = useFunkitPreCheckoutInternal(checkoutId);
8624
9075
  const isDraftDollarValueReady = isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue) && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting);
8625
- return /* @__PURE__ */ React80.createElement(Box, {
9076
+ return /* @__PURE__ */ React83.createElement(Box, {
8626
9077
  display: "flex",
8627
9078
  flexDirection: "column",
8628
9079
  gap: "24",
8629
9080
  paddingTop: "24",
8630
9081
  paddingBottom: "16"
8631
- }, /* @__PURE__ */ React80.createElement(CheckoutPrimaryInfo, {
9082
+ }, /* @__PURE__ */ React83.createElement(CheckoutPrimaryInfo, {
8632
9083
  checkoutId,
8633
9084
  checkoutStep,
8634
9085
  prioritizeDraftValue: true
8635
- }), /* @__PURE__ */ React80.createElement(FunPaymentMethods, {
9086
+ }), /* @__PURE__ */ React83.createElement(FunPaymentMethods, {
8636
9087
  checkoutId,
8637
9088
  paymentFlow: 1 /* CHECKOUT */,
8638
9089
  onSelect: onSelectPaymentMethod,
@@ -8660,23 +9111,23 @@ function FunCheckoutModal({
8660
9111
  const userIpInfo = useFunkitMoonpayUserIp();
8661
9112
  const { updateSourceAsset, updateSelectedPaymentMethodInfo, reDraftSymbol } = useFunkitPreCheckoutInternal(checkoutId);
8662
9113
  const { openFunCheckoutHistoryModal } = useFunCheckoutHistoryModal();
8663
- const [isSoftHidden, setIsSoftHidden] = useState24(false);
8664
- const [animateOut, setAnimateOut] = useState24(false);
9114
+ const [isSoftHidden, setIsSoftHidden] = useState25(false);
9115
+ const [animateOut, setAnimateOut] = useState25(false);
8665
9116
  const { checkoutItem, getCheckoutQuote } = useFunkitPreCheckoutInternal(
8666
9117
  checkoutId || ""
8667
9118
  );
8668
9119
  const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification(
8669
9120
  checkoutId || ""
8670
9121
  );
8671
- const [checkoutStep, setCheckoutStep] = useState24(
9122
+ const [checkoutStep, setCheckoutStep] = useState25(
8672
9123
  (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
9124
  );
8674
- useEffect20(() => {
9125
+ useEffect21(() => {
8675
9126
  return () => {
8676
9127
  setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
8677
9128
  };
8678
9129
  }, []);
8679
- useEffect20(() => {
9130
+ useEffect21(() => {
8680
9131
  clearCheckoutQuoteMessages();
8681
9132
  }, [checkoutStep]);
8682
9133
  const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
@@ -8684,7 +9135,7 @@ function FunCheckoutModal({
8684
9135
  (_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
9136
  );
8686
9137
  const { isCheckoutPostActionRequired, isCheckoutCrFlow } = useCheckoutType(checkoutItem);
8687
- const titleConfig = useMemo20(() => {
9138
+ const titleConfig = useMemo22(() => {
8688
9139
  var _a2, _b2;
8689
9140
  const baseTitle = ((_b2 = (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config) == null ? void 0 : _b2.modalTitle) || "Checkout";
8690
9141
  switch (checkoutStep) {
@@ -8811,7 +9262,7 @@ function FunCheckoutModal({
8811
9262
  },
8812
9263
  [checkoutItem, onCloseWrapper, openFunCheckoutHistoryModal]
8813
9264
  );
8814
- const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState24(false);
9265
+ const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState25(false);
8815
9266
  const onSourceAssetConfirmed = useCallback20(async () => {
8816
9267
  var _a2, _b2, _c2, _d2;
8817
9268
  try {
@@ -8836,7 +9287,7 @@ function FunCheckoutModal({
8836
9287
  newPaymentMethodInfo = {
8837
9288
  paymentMethod: "card" /* CARD */,
8838
9289
  title: textCustomizations.debitOrCredit,
8839
- titleIcon: /* @__PURE__ */ React81.createElement(Box, {
9290
+ titleIcon: /* @__PURE__ */ React84.createElement(Box, {
8840
9291
  display: "flex",
8841
9292
  alignItems: "center",
8842
9293
  justifyContent: "center",
@@ -8844,7 +9295,7 @@ function FunCheckoutModal({
8844
9295
  height: "24"
8845
9296
  }, paymentsConfig.methodsConfig["card" /* CARD */].icon),
8846
9297
  description: "",
8847
- descriptionIcon: /* @__PURE__ */ React81.createElement(CombinedCreditCardOptionsIcon, null),
9298
+ descriptionIcon: /* @__PURE__ */ React84.createElement(CombinedCreditCardOptionsIcon, null),
8848
9299
  meta: {}
8849
9300
  };
8850
9301
  } else if (selectedPaymentMethod === "brokerage" /* BROKERAGE */) {
@@ -8888,10 +9339,10 @@ function FunCheckoutModal({
8888
9339
  textCustomizations.debitOrCredit
8889
9340
  ]);
8890
9341
  const [triggerSymbol, triggerSourceAssetConfirmedFn] = useSymbolRefresh_default();
8891
- useEffect20(() => {
9342
+ useEffect21(() => {
8892
9343
  onSourceAssetConfirmed();
8893
9344
  }, [triggerSymbol]);
8894
- useEffect20(() => {
9345
+ useEffect21(() => {
8895
9346
  if (checkoutItem && isCheckoutCrFlow && checkoutStep === "confirmation" /* CONFIRMATION */) {
8896
9347
  onSourceAssetConfirmed();
8897
9348
  }
@@ -8980,35 +9431,35 @@ function FunCheckoutModal({
8980
9431
  const meshAccessInfo = meshMeta == null ? void 0 : meshMeta.accessToken;
8981
9432
  const meshPreviewResult = (_i = meshMeta == null ? void 0 : meshMeta.previewTransfer) == null ? void 0 : _i.previewResult;
8982
9433
  const meshPreviewExpirationMs = meshMeta == null ? void 0 : meshMeta.computedPreviewExpirationMs;
8983
- return /* @__PURE__ */ React81.createElement(Dialog, {
9434
+ return /* @__PURE__ */ React84.createElement(Dialog, {
8984
9435
  open,
8985
9436
  onClose: onCloseWrapper,
8986
9437
  titleId: "fun-checkout-modal",
8987
9438
  isHidden: isSoftHidden
8988
- }, /* @__PURE__ */ React81.createElement(DialogContent, {
9439
+ }, /* @__PURE__ */ React84.createElement(DialogContent, {
8989
9440
  bottomSheetOnMobile: true,
8990
9441
  padding: "0"
8991
- }, /* @__PURE__ */ React81.createElement(Box, {
9442
+ }, /* @__PURE__ */ React84.createElement(Box, {
8992
9443
  paddingTop: "20",
8993
9444
  paddingX: "20"
8994
- }, /* @__PURE__ */ React81.createElement(FunModalTitleSection, {
9445
+ }, /* @__PURE__ */ React84.createElement(FunModalTitleSection, {
8995
9446
  hasBackButton: titleConfig.hasBack,
8996
9447
  onBack: titleConfig.onBack,
8997
9448
  title: titleConfig.title,
8998
9449
  hasCloseButton: true,
8999
9450
  onClose: onCloseWrapper
9000
- }), checkoutStep === "input_amount" /* INPUT_AMOUNT */ ? /* @__PURE__ */ React81.createElement(FunCheckoutInputAmountStep, {
9451
+ }), checkoutStep === "input_amount" /* INPUT_AMOUNT */ ? /* @__PURE__ */ React84.createElement(FunCheckoutInputAmountStep, {
9001
9452
  checkoutId: checkoutId || "",
9002
9453
  onContinue: () => setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */),
9003
9454
  animateOut
9004
- }) : checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React81.createElement(FunCheckoutVerifyDetailsStep, {
9455
+ }) : checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React84.createElement(FunCheckoutVerifyDetailsStep, {
9005
9456
  checkoutId,
9006
9457
  checkoutStep,
9007
9458
  onSelectPaymentMethod
9008
- }) : checkoutStep === "payment_setup" /* PAYMENT_SETUP */ ? /* @__PURE__ */ React81.createElement(Box, {
9459
+ }) : checkoutStep === "payment_setup" /* PAYMENT_SETUP */ ? /* @__PURE__ */ React84.createElement(Box, {
9009
9460
  paddingY: "24",
9010
9461
  width: "full"
9011
- }, /* @__PURE__ */ React81.createElement(FunPaymentSetup, {
9462
+ }, /* @__PURE__ */ React84.createElement(FunPaymentSetup, {
9012
9463
  key: checkoutStep,
9013
9464
  paymentFlow: 1 /* CHECKOUT */,
9014
9465
  paymentAddress: checkoutItem == null ? void 0 : checkoutItem.depositAddress,
@@ -9027,13 +9478,13 @@ function FunCheckoutModal({
9027
9478
  redirectToCheckoutHistory,
9028
9479
  isParentLoading: !!(checkoutItem == null ? void 0 : checkoutItem.isDrafting),
9029
9480
  finalConvertedAssetName: checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle
9030
- })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React81.createElement(FunCheckoutSelectAssetStep, {
9481
+ })) : checkoutStep === "select_asset" /* SELECT_ASSET */ ? /* @__PURE__ */ React84.createElement(FunCheckoutSelectAssetStep, {
9031
9482
  checkoutId,
9032
9483
  checkoutStep,
9033
9484
  isOnFinishLoading: isSourceAssetConfirming,
9034
9485
  onFinish: triggerSourceAssetConfirmedFn,
9035
9486
  animateOut
9036
- }) : checkoutStep === "confirmation" /* CONFIRMATION */ ? /* @__PURE__ */ React81.createElement(FunCheckoutConfirmationStep, {
9487
+ }) : checkoutStep === "confirmation" /* CONFIRMATION */ ? /* @__PURE__ */ React84.createElement(FunCheckoutConfirmationStep, {
9037
9488
  checkoutId,
9038
9489
  checkoutStep,
9039
9490
  regenerateQuoteFn: triggerSourceAssetConfirmedFn,
@@ -9041,586 +9492,220 @@ function FunCheckoutModal({
9041
9492
  var _a2;
9042
9493
  const paymentMethod = (_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a2.paymentMethod;
9043
9494
  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));
9495
+ setCheckoutStep("mesh_verification" /* MESH_VERIFICATION */);
9496
+ } else if (paymentMethod === "card" /* CARD */) {
9497
+ setCheckoutStep("payment_setup" /* PAYMENT_SETUP */);
9498
+ } else {
9499
+ redirectToCheckoutHistory(depositAddress);
9500
+ }
9501
+ },
9502
+ animateOut
9503
+ }) : checkoutStep === "mesh_verification" /* MESH_VERIFICATION */ ? /* @__PURE__ */ React84.createElement(Box, {
9504
+ paddingY: "24"
9505
+ }, /* @__PURE__ */ React84.createElement(FunMeshVerificationStep, {
9506
+ previewId: meshPreviewResult == null ? void 0 : meshPreviewResult.previewId,
9507
+ previewExpirationMs: meshPreviewExpirationMs,
9508
+ transferToAddress: meshPreviewResult == null ? void 0 : meshPreviewResult.toAddress,
9509
+ exchange: meshAccessInfo == null ? void 0 : meshAccessInfo.brokerName,
9510
+ accessToken: (_l = meshAccessInfo == null ? void 0 : meshAccessInfo.accountTokens) == null ? void 0 : _l[0].accessToken,
9511
+ onSuccess: () => redirectToCheckoutHistory(
9512
+ checkoutItem == null ? void 0 : checkoutItem.depositAddress
9513
+ )
9514
+ })) : null)));
9560
9515
  }
9561
- var Chain2 = ({
9562
- chainId,
9563
- currentChainId,
9564
- switchChain,
9565
- chainIconSize,
9516
+
9517
+ // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
9518
+ var FALLBACK_CHECKOUT_ITEM_DESCRIPTION = "";
9519
+ var FALLBACK_CHECKOUT_ITEM_AMOUNT = "";
9520
+ function isNumberStringValid(valueString) {
9521
+ return /^-?\d*\.?\d+$/.test(valueString);
9522
+ }
9523
+ function CheckoutPrimaryInfoSnapshot({
9524
+ checkoutItem,
9566
9525
  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",
9526
+ isEditable,
9527
+ onConfirmEdit = () => void 0,
9528
+ prioritizeDraftValue
9529
+ }) {
9530
+ const checkoutConfig = checkoutItem.initSettings.config;
9531
+ const showCheckoutItemDescription = !!(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription);
9532
+ const showCheckoutItemAmount = isEditable || isNotNullish(checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) && checkoutConfig.checkoutItemAmount > 0;
9533
+ const { isCheckoutPostActionRequired } = useCheckoutType(checkoutItem);
9534
+ const checkoutItemAmountRaw = (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemAmount) || 0;
9535
+ const checkoutItemAmountFormatted = showCheckoutItemAmount ? formatCryptoAndStringify(
9536
+ checkoutItemAmountRaw,
9537
+ isCheckoutPostActionRequired ? void 0 : checkoutConfig.targetAssetTicker
9538
+ ) : FALLBACK_CHECKOUT_ITEM_AMOUNT;
9539
+ const [isEditing, setIsEditing] = useState26(false);
9540
+ const [editedValue, setEditedValue] = useState26(
9541
+ checkoutItemAmountRaw.toString()
9542
+ );
9543
+ const hasInputError = useMemo23(() => {
9544
+ return !editedValue || parseFloat(editedValue) === 0 || !isNumberStringValid(editedValue);
9545
+ }, [editedValue]);
9546
+ const displayDollarValue = useMemo23(() => {
9547
+ const prioritizedValue = prioritizeDraftValue ? checkoutItem.draftDollarValue : checkoutItem.finalDollarValue;
9548
+ const fallbackValue = prioritizeDraftValue ? checkoutItem.finalDollarValue : checkoutItem.draftDollarValue;
9549
+ return prioritizedValue || fallbackValue || 0;
9550
+ }, [
9551
+ checkoutItem.draftDollarValue,
9552
+ checkoutItem.finalDollarValue,
9553
+ prioritizeDraftValue
9554
+ ]);
9555
+ const handleEditInputConfirm = useCallback21(() => {
9556
+ if (isEditable && !hasInputError) {
9557
+ setIsEditing(!isEditing);
9558
+ if (isEditing) {
9559
+ onConfirmEdit(parseFloat(editedValue));
9560
+ }
9561
+ }
9562
+ }, [editedValue, hasInputError, isEditable, isEditing, onConfirmEdit]);
9563
+ return /* @__PURE__ */ React85.createElement(Box, {
9595
9564
  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",
9565
+ gap: "12",
9566
+ borderRadius: "connectButton",
9567
+ background: "notificationPrimary",
9568
+ padding: "14"
9569
+ }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React85.createElement(FunAssetAvatar, {
9570
+ assetSrc: checkoutConfig.iconSrc,
9571
+ assetName: "checkout-asset",
9572
+ assetIconSize: "50",
9573
+ chainId: checkoutConfig.targetChain,
9574
+ chainIconSize: "16",
9575
+ prioritizeDefaults: false
9576
+ }) : null, /* @__PURE__ */ React85.createElement(Box, {
9604
9577
  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;
9578
+ flexDirection: "column",
9579
+ gap: "6",
9580
+ width: "full"
9581
+ }, /* @__PURE__ */ React85.createElement(FunKeyValue, {
9582
+ keyText: checkoutConfig.checkoutItemTitle,
9583
+ keyTextColor: "modalText",
9584
+ keyTextSize: "18",
9585
+ keyTextWeight: "bold",
9586
+ valueText: isLoading ? "" : `${formatCurrencyAndStringify(displayDollarValue)} USD`,
9587
+ valueIcon: isLoading ? /* @__PURE__ */ React85.createElement(SpinnerIcon, {
9588
+ height: 16,
9589
+ width: 16
9590
+ }) : void 0,
9591
+ valueTextSize: "18",
9592
+ valueTextWeight: "bold",
9593
+ backgroundBaseColor: void 0,
9594
+ hasBorder: false,
9595
+ paddingY: "0",
9596
+ paddingX: "0"
9597
+ }), showCheckoutItemDescription || showCheckoutItemAmount ? /* @__PURE__ */ React85.createElement(FunKeyValue, {
9598
+ keyText: (checkoutConfig == null ? void 0 : checkoutConfig.checkoutItemDescription) || FALLBACK_CHECKOUT_ITEM_DESCRIPTION,
9599
+ keyTextSize: "14",
9600
+ keyTextColor: "modalTextDim",
9601
+ keyTextWeight: "medium",
9602
+ valueIcon: isEditable ? /* @__PURE__ */ React85.createElement(FunIconButton, {
9603
+ icon: isEditing ? /* @__PURE__ */ React85.createElement(CopiedIcon, {
9604
+ size: "10"
9605
+ }) : /* @__PURE__ */ React85.createElement(EditIcon, null),
9606
+ size: "14",
9607
+ showBorder: false,
9608
+ onClick: handleEditInputConfirm,
9609
+ paddingX: "0",
9610
+ paddingY: "0",
9611
+ color: hasInputError ? "error" : "accentColor",
9612
+ background: "transparent"
9613
+ }) : null,
9614
+ valueText: checkoutItemAmountFormatted,
9615
+ valueTextSize: "14",
9616
+ valueTextColor: "modalTextDim",
9617
+ valueTextWeight: "medium",
9618
+ valueGap: "4",
9619
+ reverseValueItems: true,
9620
+ customValueComponent: isEditing ? /* @__PURE__ */ React85.createElement(FunInput, {
9621
+ value: editedValue,
9622
+ onChange: (e) => {
9623
+ var _a;
9624
+ return setEditedValue((_a = e == null ? void 0 : e.target) == null ? void 0 : _a.value);
9625
+ },
9626
+ onKeyDown: (e) => {
9627
+ e.stopPropagation();
9628
+ if (e.key === "Escape") {
9629
+ setEditedValue(checkoutItemAmountRaw.toString());
9630
+ setIsEditing(false);
9631
+ }
9632
+ },
9633
+ onKeySubmit: () => handleEditInputConfirm(),
9634
+ inputStyle: {
9635
+ width: 50,
9636
+ height: 12,
9637
+ padding: "2px 8px",
9638
+ fontSize: "12px",
9639
+ lineHeight: "12px",
9640
+ fontStyle: "normal",
9641
+ fontFamily: "inherit"
9642
+ },
9643
+ focused: true,
9644
+ inputProps: { autoFocus: true },
9645
+ error: hasInputError,
9646
+ overrideBorderWidth: "1"
9647
+ }) : isEditable ? /* @__PURE__ */ React85.createElement(Box, {
9648
+ height: "max",
9649
+ flexDirection: "row",
9650
+ style: { cursor: "pointer" },
9651
+ onClick: () => setIsEditing(true)
9652
+ }, /* @__PURE__ */ React85.createElement(Text, {
9653
+ weight: "medium",
9654
+ color: { base: "modalTextDim", hover: "accentColor" },
9655
+ size: "14"
9656
+ }, checkoutItemAmountFormatted)) : null,
9657
+ backgroundBaseColor: void 0,
9658
+ hasBorder: false,
9659
+ paddingY: "0",
9660
+ paddingX: "0"
9661
+ }) : null));
9662
+ }
9663
+ function CheckoutPrimaryInfo({
9664
+ checkoutId,
9665
+ checkoutStep,
9666
+ prioritizeDraftValue = true
9667
+ }) {
9668
+ var _a, _b, _c;
9669
+ const {
9670
+ checkoutItem,
9671
+ getCheckoutDraftDollarValue,
9672
+ updateTargetAssetAmount,
9673
+ clearCheckoutQuoteMessages
9674
+ } = useFunkitPreCheckoutInternal(checkoutId);
9675
+ const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
9676
+ const [isForceRefresh, setIsForceRefresh] = useState26(false);
9677
+ useEffect22(() => {
9678
+ if (isForceRefresh || !isNotNullish(checkoutItem == null ? void 0 : checkoutItem.draftDollarValue)) {
9679
+ setIsForceRefresh(false);
9680
+ getCheckoutDraftDollarValue().catch(
9681
+ (reason) => logger.error("checkoutPrimaryInfoFetch:error", reason)
9682
+ );
9683
+ }
9684
+ }, [
9685
+ (_b = (_a = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a.config) == null ? void 0 : _b.targetAssetAmount,
9686
+ checkoutItem == null ? void 0 : checkoutItem.draftDollarValue
9687
+ ]);
9688
+ const isCheckoutTargetAssetEditable = isCheckoutCrFlow && !(checkoutStep === "confirmation" /* CONFIRMATION */ && ((_c = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _c.paymentMethod) && ["brokerage" /* BROKERAGE */, "balance" /* ACCOUNT_BALANCE */].includes(
9689
+ checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo.paymentMethod
9690
+ )) && !(checkoutItem == null ? void 0 : checkoutItem.initSettings.config.disableEditing);
9691
+ return checkoutItem ? /* @__PURE__ */ React85.createElement(CheckoutPrimaryInfoSnapshot, {
9692
+ isLoading: prioritizeDraftValue ? checkoutItem.isDrafting : checkoutItem.isQuoting,
9693
+ checkoutItem,
9694
+ isEditable: isCheckoutTargetAssetEditable,
9695
+ onConfirmEdit: (newValue) => {
9696
+ updateTargetAssetAmount(newValue);
9697
+ setIsForceRefresh(true);
9698
+ clearCheckoutQuoteMessages();
9699
+ },
9700
+ prioritizeDraftValue
9701
+ }) : null;
9702
+ }
9703
+
9704
+ // src/components/FunTransactionSummary/FunTxSummaryHistory.tsx
9705
+ import {
9706
+ FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9
9707
+ } from "@funkit/core";
9708
+ import React88, { useMemo as useMemo24 } from "react";
9624
9709
 
9625
9710
  // src/components/Icons/RedirectIcon.tsx
9626
9711
  import React86 from "react";
@@ -9748,7 +9833,7 @@ function FunTxSummaryHistory({
9748
9833
  isExpired,
9749
9834
  isTerminal
9750
9835
  } = useCheckoutStateBooleans(checkoutHistoryItem.state);
9751
- const estimatedEndTimeInfo = useMemo23(() => {
9836
+ const estimatedEndTimeInfo = useMemo24(() => {
9752
9837
  var _a;
9753
9838
  const estimatedEndTimeMs = (((_a = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _a.finalTimeEstimationMs) || 0) + checkoutHistoryItem.createdTimeMs;
9754
9839
  const estimatedEndTimeFromNowMs = estimatedEndTimeMs - Date.now();
@@ -9770,14 +9855,15 @@ function FunTxSummaryHistory({
9770
9855
  }), /* @__PURE__ */ React88.createElement(Text, {
9771
9856
  color: "modalText",
9772
9857
  size: "12",
9773
- weight: "medium"
9858
+ weight: "medium",
9859
+ textAlign: "right"
9774
9860
  }, formatTimestamp(new Date(checkoutHistoryItem.createdTimeMs)))), /* @__PURE__ */ React88.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React88.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React88.createElement(FunTxSummaryLineItemKeyText, {
9775
9861
  text: isError ? "Order Failed" : isExpired ? "Order Expired" : isProcessing ? "Order Delivery" : "Order Delivered"
9776
9862
  }), /* @__PURE__ */ React88.createElement(Text, {
9777
9863
  color: "modalText",
9778
9864
  size: "12",
9779
9865
  weight: "medium",
9780
- style: { textAlign: "end" }
9866
+ textAlign: "right"
9781
9867
  }, isExpired ? formatTimestamp(
9782
9868
  new Date(checkoutHistoryItem.expirationTimestampSeconds * 1e3)
9783
9869
  ) : isTerminal ? formatTimestamp(new Date(checkoutHistoryItem.lastUpdatedTimeMs)) : estimatedEndTimeInfo.isExceededEstimation ? "Order delayed, thanks for your patience" : `In ${formatSecondsToReadableForm(
@@ -9805,7 +9891,8 @@ function FunTxSummaryHistory({
9805
9891
  })), /* @__PURE__ */ React88.createElement(Text, {
9806
9892
  size: "12",
9807
9893
  weight: "medium",
9808
- color: "modalText"
9894
+ color: "modalText",
9895
+ textAlign: "right"
9809
9896
  }, " \xB7 ", formatAddress(checkoutHistoryItem.depositAddr)), /* @__PURE__ */ React88.createElement(FunIconButton, {
9810
9897
  size: "14",
9811
9898
  icon: /* @__PURE__ */ React88.createElement(RedirectIcon, null),
@@ -9835,7 +9922,8 @@ function FunTxSummaryHistory({
9835
9922
  })), /* @__PURE__ */ React88.createElement(Text, {
9836
9923
  size: "12",
9837
9924
  weight: "medium",
9838
- color: "modalText"
9925
+ color: "modalText",
9926
+ textAlign: "right"
9839
9927
  }, " \xB7 ", formatAddress(checkoutHistoryItem.recipientAddr)), /* @__PURE__ */ React88.createElement(FunIconButton, {
9840
9928
  size: "14",
9841
9929
  icon: /* @__PURE__ */ React88.createElement(RedirectIcon, null),
@@ -9918,7 +10006,7 @@ function FunCheckoutHistoryDetail({
9918
10006
 
9919
10007
  // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryHelp.tsx
9920
10008
  import { sendSupportMessage } from "@funkit/core";
9921
- import React91, { useMemo as useMemo24, useState as useState27 } from "react";
10009
+ import React91, { useMemo as useMemo25, useState as useState27 } from "react";
9922
10010
 
9923
10011
  // src/css/scrollStyles.css.ts
9924
10012
  var hideScrollBar = "_163ehmk0";
@@ -10040,7 +10128,7 @@ function FunCheckoutHistoryHelp({
10040
10128
  RESOLUTION_OPTIONS[0].value
10041
10129
  );
10042
10130
  const [descriptionInput, setDescriptionInput] = useState27("");
10043
- const isEmailInputValid = useMemo24(() => {
10131
+ const isEmailInputValid = useMemo25(() => {
10044
10132
  return validateEmailString(emailInput);
10045
10133
  }, [emailInput]);
10046
10134
  const onSubmitIssue = async (e) => {
@@ -10238,7 +10326,7 @@ function FunCheckoutHistoryContent({
10238
10326
  setAnimateOut(false);
10239
10327
  }, ANIMATION_DELAY2);
10240
10328
  }, []);
10241
- const titleConfig = useMemo25(() => {
10329
+ const titleConfig = useMemo26(() => {
10242
10330
  if (currentPage === "help" /* HELP */) {
10243
10331
  return {
10244
10332
  hasBackButton: true,
@@ -10285,10 +10373,10 @@ function FunCheckoutHistoryContent({
10285
10373
 
10286
10374
  // src/components/ProfileDetails/FunProfileViews/ActivityHistory/ActivityHistory.tsx
10287
10375
  import { CheckoutState as CheckoutState4 } from "@funkit/core";
10288
- import React96, { useEffect as useEffect23, useMemo as useMemo27, useState as useState29 } from "react";
10376
+ import React96, { useEffect as useEffect23, useMemo as useMemo28, useState as useState29 } from "react";
10289
10377
 
10290
10378
  // src/components/FunNotification/FunCheckoutNotification.tsx
10291
- import React95, { useMemo as useMemo26 } from "react";
10379
+ import React95, { useMemo as useMemo27 } from "react";
10292
10380
 
10293
10381
  // src/components/FunButton/FunViewTxButton.tsx
10294
10382
  import React93 from "react";
@@ -10360,7 +10448,10 @@ function FunCheckoutNotification({
10360
10448
  isTerminal
10361
10449
  } = useCheckoutStateBooleans(checkoutHistoryItem.state);
10362
10450
  const checkoutClientMetadata = checkoutHistoryItem.clientMetadata;
10363
- const titleVerb = useMemo26(() => {
10451
+ const { isCheckoutPostActionRequired } = useCheckoutType(
10452
+ checkoutClientMetadata
10453
+ );
10454
+ const titleVerb = useMemo27(() => {
10364
10455
  if (isProcessing) {
10365
10456
  return "processing";
10366
10457
  } else if (isCompleted) {
@@ -10430,13 +10521,14 @@ function FunCheckoutNotification({
10430
10521
  size: "12",
10431
10522
  weight: "medium",
10432
10523
  color: "modalTextSecondary",
10524
+ textAlign: "right",
10433
10525
  style: {
10434
10526
  textDecoration: isFailed ? "line-through" : void 0,
10435
10527
  opacity: isFailed ? 0.5 : 1
10436
10528
  }
10437
10529
  }, formatCryptoAndStringify(
10438
10530
  checkoutClientMetadata.initSettings.config.checkoutItemAmount,
10439
- checkoutClientMetadata.initSettings.config.targetAssetTicker
10531
+ isCheckoutPostActionRequired ? void 0 : checkoutClientMetadata.initSettings.config.targetAssetTicker
10440
10532
  ))))), isTerminal ? null : /* @__PURE__ */ React95.createElement(Box, null, /* @__PURE__ */ React95.createElement(FunHorizontalStepper, {
10441
10533
  step: getCheckoutStateStepNumber(checkoutHistoryItem.state),
10442
10534
  totalSteps: 4
@@ -10534,7 +10626,7 @@ function ActivityHistory({
10534
10626
  } = useFunkitAllPostCheckoutsInternal();
10535
10627
  useCheckoutHistoryListener();
10536
10628
  const [animateOut, setAnimateOut] = useState29(false);
10537
- const displayList = useMemo27(() => {
10629
+ const displayList = useMemo28(() => {
10538
10630
  if (activeTab === "All" /* ALL */) {
10539
10631
  return checkoutHistoryList;
10540
10632
  }
@@ -10617,7 +10709,7 @@ function ActivityHistory({
10617
10709
  }
10618
10710
 
10619
10711
  // src/components/ProfileDetails/FunProfileViews/Home/index.tsx
10620
- import React105, { useMemo as useMemo29, useState as useState31 } from "react";
10712
+ import React105, { useMemo as useMemo30, useState as useState31 } from "react";
10621
10713
  import { useAccount as useAccount5 } from "wagmi";
10622
10714
 
10623
10715
  // src/components/Avatar/Avatar.tsx
@@ -10851,13 +10943,13 @@ var animateTitleInClass2 = "_1x1d6jx6";
10851
10943
  var animateTitleOutClass2 = "_1x1d6jx7";
10852
10944
 
10853
10945
  // src/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutSection.tsx
10854
- import React103, { Fragment as Fragment4, useMemo as useMemo28 } from "react";
10946
+ import React103, { Fragment as Fragment3, useMemo as useMemo29 } from "react";
10855
10947
  var MAX_LATEST_CHECKOUTS = 1;
10856
10948
  function HomeCheckoutSection({
10857
10949
  onSelectActivity
10858
10950
  }) {
10859
10951
  const { checkoutHistoryStateMap } = useFunkitAllPostCheckoutsInternal();
10860
- const { latestCheckoutHistories, remainingCount } = useMemo28(() => {
10952
+ const { latestCheckoutHistories, remainingCount } = useMemo29(() => {
10861
10953
  let pendingCheckouts = [];
10862
10954
  IN_PROGRESS_CHECKOUT_STATES.forEach((value) => {
10863
10955
  pendingCheckouts = pendingCheckouts.concat(checkoutHistoryStateMap[value]);
@@ -10869,7 +10961,7 @@ function HomeCheckoutSection({
10869
10961
  remainingCount: remaining
10870
10962
  };
10871
10963
  }, [checkoutHistoryStateMap]);
10872
- return latestCheckoutHistories.length > 0 ? /* @__PURE__ */ React103.createElement(Fragment4, null, /* @__PURE__ */ React103.createElement(FunDivider, {
10964
+ return latestCheckoutHistories.length > 0 ? /* @__PURE__ */ React103.createElement(Fragment3, null, /* @__PURE__ */ React103.createElement(FunDivider, {
10873
10965
  marginTop: "0",
10874
10966
  marginBottom: "16"
10875
10967
  }), /* @__PURE__ */ React103.createElement(Box, {
@@ -10962,7 +11054,7 @@ var ProfileTitleSection = ({
10962
11054
  size: "16",
10963
11055
  weight: "semibold",
10964
11056
  className: animateOut ? animateTitleOutClass2 : animateTitleInClass2
10965
- }, userInfo.accountName)), /* @__PURE__ */ React105.createElement(Box, {
11057
+ }, userInfo.accountNameDisplay)), /* @__PURE__ */ React105.createElement(Box, {
10966
11058
  display: "flex",
10967
11059
  alignItems: "center",
10968
11060
  flexDirection: "row",
@@ -10997,7 +11089,7 @@ function Home({
10997
11089
  const { walletAssets } = useGeneralWallet();
10998
11090
  const [animateOut, setAnimateOut] = useState31(false);
10999
11091
  const [balance, setBalance] = useState31("0.00");
11000
- const AssetsList = useMemo29(() => {
11092
+ const AssetsList = useMemo30(() => {
11001
11093
  if (walletAssets == null) {
11002
11094
  return [/* @__PURE__ */ React105.createElement(SkeletalLoader, {
11003
11095
  key: "skeletal-loader-1"
@@ -11511,7 +11603,7 @@ function FunConnectErrorStep({
11511
11603
  }
11512
11604
 
11513
11605
  // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
11514
- import React113, { useCallback as useCallback25, useEffect as useEffect25, useMemo as useMemo30, useState as useState34 } from "react";
11606
+ import React113, { useCallback as useCallback25, useEffect as useEffect25, useMemo as useMemo31, useState as useState34 } from "react";
11515
11607
 
11516
11608
  // src/utils/browsers.ts
11517
11609
  function isSafari() {
@@ -11576,7 +11668,7 @@ function FunFarcasterConnectingStep({
11576
11668
  const svgUrl = useCallback25(async () => {
11577
11669
  return (await import("./farcaster-24TGVAI4.js")).default;
11578
11670
  }, []);
11579
- const promptText = useMemo30(() => {
11671
+ const promptText = useMemo31(() => {
11580
11672
  if (mobile) {
11581
11673
  return "To sign in with Farcaster, please open the Warpcast app.";
11582
11674
  } else {
@@ -11656,7 +11748,7 @@ function FunFarcasterConnectingStep({
11656
11748
  }
11657
11749
 
11658
11750
  // src/components/FunConnectOptions/FunSignInStep.tsx
11659
- import React118, { useCallback as useCallback26, useContext as useContext19, useMemo as useMemo31, useState as useState36 } from "react";
11751
+ import React118, { useCallback as useCallback26, useContext as useContext19, useMemo as useMemo32, useState as useState36 } from "react";
11660
11752
 
11661
11753
  // src/utils/groupBy.ts
11662
11754
  function groupBy(items, getKey) {
@@ -12133,7 +12225,7 @@ var ModalSelection = ({
12133
12225
  ModalSelection.displayName = "ModalSelection";
12134
12226
 
12135
12227
  // src/components/FunConnectOptions/FunSignInStep.css.ts
12136
- var scrollClassName = "_14qbs541 _1rsrm2fax _1rsrm2fbj";
12228
+ var scrollClassName = "_14qbs541 _1rsrm2fay _1rsrm2fbk";
12137
12229
 
12138
12230
  // src/components/FunConnectOptions/FunSignInStep.tsx
12139
12231
  var FULL_SOCIAL_LOGIN_OPTIONS = [
@@ -12192,7 +12284,7 @@ function FunSignInStep({
12192
12284
  handleOauthRedirect,
12193
12285
  handleGenerateFcUri
12194
12286
  } = useFunkitWeb2Login();
12195
- const isEmailInputValid = useMemo31(() => {
12287
+ const isEmailInputValid = useMemo32(() => {
12196
12288
  return validateEmailString(emailInput);
12197
12289
  }, [emailInput]);
12198
12290
  const [emailError, setEmailError] = useState36();
@@ -12294,12 +12386,12 @@ function FunSignInStep({
12294
12386
  setSelectedWallet,
12295
12387
  changeStep
12296
12388
  ]);
12297
- const ENABLED_SOCIAL_ITEMS = useMemo31(() => {
12389
+ const ENABLED_SOCIAL_ITEMS = useMemo32(() => {
12298
12390
  return FULL_SOCIAL_LOGIN_OPTIONS.filter(
12299
12391
  (oAuthItem) => !!funkitConfig.loginModalConfig.web2SocialLogins[oAuthItem.funkitKey]
12300
12392
  );
12301
12393
  }, [funkitConfig.loginModalConfig.web2SocialLogins]);
12302
- const hasAnySocialEnabled = useMemo31(() => {
12394
+ const hasAnySocialEnabled = useMemo32(() => {
12303
12395
  return ENABLED_SOCIAL_ITEMS.length;
12304
12396
  }, [ENABLED_SOCIAL_ITEMS.length]);
12305
12397
  const Web2LoginSection = ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React118.createElement(FunContainer, {
@@ -12733,7 +12825,7 @@ var ScanIcon = () => /* @__PURE__ */ React125.createElement(AsyncImage, {
12733
12825
  });
12734
12826
 
12735
12827
  // 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";
12828
+ import React134, { Fragment as Fragment4, useContext as useContext21, useEffect as useEffect28, useRef as useRef10, useState as useState37 } from "react";
12737
12829
 
12738
12830
  // src/components/ConnectModal/ConnectModalIntro.tsx
12739
12831
  import React131, { useContext as useContext20 } from "react";
@@ -13197,7 +13289,7 @@ function DesktopOptions({ onClose }) {
13197
13289
  className: ScrollClassName,
13198
13290
  paddingBottom: "18"
13199
13291
  }, Object.entries(groupedWallets).map(
13200
- ([groupName, wallets2], index) => wallets2.length > 0 && /* @__PURE__ */ React134.createElement(Fragment5, {
13292
+ ([groupName, wallets2], index) => wallets2.length > 0 && /* @__PURE__ */ React134.createElement(Fragment4, {
13201
13293
  key: index
13202
13294
  }, groupName ? /* @__PURE__ */ React134.createElement(Box, {
13203
13295
  marginBottom: "8",
@@ -14630,7 +14722,7 @@ function ModalProvider({ children }) {
14630
14722
  closeModals();
14631
14723
  }, [isUnauthenticated]);
14632
14724
  return /* @__PURE__ */ React142.createElement(ModalContext.Provider, {
14633
- value: useMemo32(
14725
+ value: useMemo33(
14634
14726
  () => ({
14635
14727
  accountModalOpen,
14636
14728
  chainModalOpen,
@@ -14930,6 +15022,23 @@ function useWalletConnectors(mergeEIP6963WithRkConnectors = false) {
14930
15022
  return walletConnectors;
14931
15023
  }
14932
15024
 
15025
+ // src/components/ConnectButton/formatAccountName.ts
15026
+ function formatAccountName(accountName, isEmail) {
15027
+ const leadingChars = 15;
15028
+ if (accountName.length <= leadingChars) {
15029
+ return accountName;
15030
+ }
15031
+ let prefixName = accountName;
15032
+ if (isEmail) {
15033
+ prefixName = accountName.split("@")[0];
15034
+ }
15035
+ if (prefixName.length <= leadingChars) {
15036
+ return prefixName;
15037
+ } else {
15038
+ return `${prefixName.substring(0, leadingChars - 3)}...`;
15039
+ }
15040
+ }
15041
+
14933
15042
  // src/components/FunkitProvider/FunkitWeb2Provider.tsx
14934
15043
  var ERROR_MESSAGES = {
14935
15044
  MISSING_LOGIN_CODES: "Missing login codes",
@@ -15326,7 +15435,7 @@ var FunkitWeb2Provider = ({
15326
15435
  },
15327
15436
  [privy]
15328
15437
  );
15329
- const userAccountInfo = useMemo33(() => {
15438
+ const userAccountInfo = useMemo34(() => {
15330
15439
  if (loggedInUser && loggedInUser.linked_accounts && loggedInUser.linked_accounts.length > 0) {
15331
15440
  const loggedInAccount = loggedInUser.linked_accounts.find(
15332
15441
  (account) => (account == null ? void 0 : account.type) === loginMethod
@@ -15339,6 +15448,10 @@ var FunkitWeb2Provider = ({
15339
15448
  userId: loggedInAccount.address,
15340
15449
  accountLabel: "Email",
15341
15450
  accountName: loggedInAccount.address,
15451
+ accountNameDisplay: formatAccountName(
15452
+ loggedInAccount.address,
15453
+ true
15454
+ ),
15342
15455
  accountPicSrc: ""
15343
15456
  };
15344
15457
  case "farcaster" /* farcaster */:
@@ -15346,6 +15459,10 @@ var FunkitWeb2Provider = ({
15346
15459
  userId: `@${loggedInAccount.username}`,
15347
15460
  accountLabel: "Farcaster ID",
15348
15461
  accountName: `@${loggedInAccount.username}`,
15462
+ accountNameDisplay: formatAccountName(
15463
+ `@${loggedInAccount.username}`,
15464
+ false
15465
+ ),
15349
15466
  accountPicSrc: loggedInAccount.profile_picture_url || ""
15350
15467
  };
15351
15468
  case "google_oauth" /* google_oauth */:
@@ -15353,6 +15470,7 @@ var FunkitWeb2Provider = ({
15353
15470
  userId: loggedInAccount.email,
15354
15471
  accountLabel: "Email",
15355
15472
  accountName: loggedInAccount.email,
15473
+ accountNameDisplay: formatAccountName(loggedInAccount.email, true),
15356
15474
  accountPicSrc: ""
15357
15475
  };
15358
15476
  case "twitter_oauth" /* twitter_oauth */:
@@ -15360,6 +15478,10 @@ var FunkitWeb2Provider = ({
15360
15478
  userId: `@${loggedInAccount.username}`,
15361
15479
  accountLabel: "Twitter ID",
15362
15480
  accountName: `@${loggedInAccount.username}`,
15481
+ accountNameDisplay: formatAccountName(
15482
+ `@${loggedInAccount.username}`,
15483
+ false
15484
+ ),
15363
15485
  accountPicSrc: loggedInAccount.profile_picture_url || ""
15364
15486
  };
15365
15487
  case "apple_oauth" /* apple_oauth */:
@@ -15367,6 +15489,7 @@ var FunkitWeb2Provider = ({
15367
15489
  userId: loggedInAccount.email,
15368
15490
  accountLabel: "Apple ID",
15369
15491
  accountName: loggedInAccount.email,
15492
+ accountNameDisplay: formatAccountName(loggedInAccount.email, true),
15370
15493
  accountPicSrc: ""
15371
15494
  };
15372
15495
  default:
@@ -15936,7 +16059,7 @@ function AccountButton({
15936
16059
  (value) => value === "full" || value === "address" ? "block" : "none"
15937
16060
  ),
15938
16061
  style: { textWrap: "nowrap" }
15939
- }, userInfo.accountName), /* @__PURE__ */ React148.createElement(DropdownIcon, null)))));
16062
+ }, userInfo.accountNameDisplay), /* @__PURE__ */ React148.createElement(DropdownIcon, null)))));
15940
16063
  }
15941
16064
  function ConnectButton({
15942
16065
  accountStatus = defaultProps.accountStatus,
@@ -16840,7 +16963,7 @@ function setFunkitConnectVersion({ version }) {
16840
16963
  localStorage.setItem(storageKey6, version);
16841
16964
  }
16842
16965
  function getCurrentSdkVersion() {
16843
- return "1.1.1";
16966
+ return "1.1.4";
16844
16967
  }
16845
16968
  function useFingerprint() {
16846
16969
  const fingerprint = useCallback33(() => {
@@ -16999,7 +17122,7 @@ var maxWidth = "_85s11r1";
16999
17122
  import React150, {
17000
17123
  useContext as useContext31,
17001
17124
  useEffect as useEffect38,
17002
- useMemo as useMemo34,
17125
+ useMemo as useMemo35,
17003
17126
  useState as useState46
17004
17127
  } from "react";
17005
17128
  import { useAccount as useAccount16, useAccountEffect as useAccountEffect4 } from "wagmi";
@@ -17031,7 +17154,7 @@ function WalletButtonRenderer({
17031
17154
  },
17032
17155
  onDisconnect: clearLatestWalletId
17033
17156
  });
17034
- const isLastWalletIdConnected = useMemo34(() => {
17157
+ const isLastWalletIdConnected = useMemo35(() => {
17035
17158
  const lastWalletId = getLatestWalletId();
17036
17159
  if (!lastWalletId || !(firstConnector == null ? void 0 : firstConnector.id)) {
17037
17160
  return false;