npm - @funkit/connect - Versions diffs - 0.1.5 → 0.1.7 - Mend

@funkit/connect 0.1.5 → 0.1.7

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 (36) hide show

package/dist/{chunk-WJHR5YCY.js → chunk-X5YTL45L.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 "use client";
 import {
   darkTheme
-} from "./chunk-LKGTFED3.js";
+} from "./chunk-PKSFBURG.js";
 // src/components/index.ts
 import { FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3 } from "@funkit/core";
 // src/components/ConnectButton/ConnectButton.tsx
-import React131, { useContext as useContext22, useMemo as useMemo28 } from "react";
+import React132, { useContext as useContext22, useMemo as useMemo28 } from "react";
 // src/css/sprinkles.css.ts
 import { createMapValueFn as _51c72 } from "@vanilla-extract/sprinkles/createUtils";
@@ -16,8 +16,8 @@ import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRunt
 var largeScreenMinWidth = 768;
 var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
 var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
-var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fdd", hover: "_1rsrm2fde", active: "_1rsrm2fdf" }, defaultClass: "_1rsrm2fdd" }, accentColorForeground: { conditions: { base: "_1rsrm2fdg", hover: "_1rsrm2fdh", active: "_1rsrm2fdi" }, defaultClass: "_1rsrm2fdg" }, actionButtonBorder: { conditions: { base: "_1rsrm2fdj", hover: "_1rsrm2fdk", active: "_1rsrm2fdl" }, defaultClass: "_1rsrm2fdj" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fdm", hover: "_1rsrm2fdn", active: "_1rsrm2fdo" }, defaultClass: "_1rsrm2fdm" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fdp", hover: "_1rsrm2fdq", active: "_1rsrm2fdr" }, defaultClass: "_1rsrm2fdp" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fds", hover: "_1rsrm2fdt", active: "_1rsrm2fdu" }, defaultClass: "_1rsrm2fds" }, closeButton: { conditions: { base: "_1rsrm2fdv", hover: "_1rsrm2fdw", active: "_1rsrm2fdx" }, defaultClass: "_1rsrm2fdv" }, closeButtonBackground: { conditions: { base: "_1rsrm2fdy", hover: "_1rsrm2fdz", active: "_1rsrm2fe0" }, defaultClass: "_1rsrm2fdy" }, connectButtonBackground: { conditions: { base: "_1rsrm2fe1", hover: "_1rsrm2fe2", active: "_1rsrm2fe3" }, defaultClass: "_1rsrm2fe1" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fe4", hover: "_1rsrm2fe5", active: "_1rsrm2fe6" }, defaultClass: "_1rsrm2fe4" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fe7", hover: "_1rsrm2fe8", active: "_1rsrm2fe9" }, defaultClass: "_1rsrm2fe7" }, connectButtonText: { conditions: { base: "_1rsrm2fea", hover: "_1rsrm2feb", active: "_1rsrm2fec" }, defaultClass: "_1rsrm2fea" }, connectButtonTextError: { conditions: { base: "_1rsrm2fed", hover: "_1rsrm2fee", active: "_1rsrm2fef" }, defaultClass: "_1rsrm2fed" }, connectionIndicator: { conditions: { base: "_1rsrm2feg", hover: "_1rsrm2feh", active: "_1rsrm2fei" }, defaultClass: "_1rsrm2feg" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fej", hover: "_1rsrm2fek", active: "_1rsrm2fel" }, defaultClass: "_1rsrm2fej" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fem", hover: "_1rsrm2fen", active: "_1rsrm2feo" }, defaultClass: "_1rsrm2fem" }, error: { conditions: { base: "_1rsrm2fep", hover: "_1rsrm2feq", active: "_1rsrm2fer" }, defaultClass: "_1rsrm2fep" }, generalBorder: { conditions: { base: "_1rsrm2fes", hover: "_1rsrm2fet", active: "_1rsrm2feu" }, defaultClass: "_1rsrm2fes" }, generalBorderDim: { conditions: { base: "_1rsrm2fev", hover: "_1rsrm2few", active: "_1rsrm2fex" }, defaultClass: "_1rsrm2fev" }, menuItemBackground: { conditions: { base: "_1rsrm2fey", hover: "_1rsrm2fez", active: "_1rsrm2ff0" }, defaultClass: "_1rsrm2fey" }, modalBackdrop: { conditions: { base: "_1rsrm2ff1", hover: "_1rsrm2ff2", active: "_1rsrm2ff3" }, defaultClass: "_1rsrm2ff1" }, modalBackground: { conditions: { base: "_1rsrm2ff4", hover: "_1rsrm2ff5", active: "_1rsrm2ff6" }, defaultClass: "_1rsrm2ff4" }, modalBorder: { conditions: { base: "_1rsrm2ff7", hover: "_1rsrm2ff8", active: "_1rsrm2ff9" }, defaultClass: "_1rsrm2ff7" }, modalText: { conditions: { base: "_1rsrm2ffa", hover: "_1rsrm2ffb", active: "_1rsrm2ffc" }, defaultClass: "_1rsrm2ffa" }, modalTextDim: { conditions: { base: "_1rsrm2ffd", hover: "_1rsrm2ffe", active: "_1rsrm2fff" }, defaultClass: "_1rsrm2ffd" }, modalTextSecondary: { conditions: { base: "_1rsrm2ffg", hover: "_1rsrm2ffh", active: "_1rsrm2ffi" }, defaultClass: "_1rsrm2ffg" }, profileAction: { conditions: { base: "_1rsrm2ffj", hover: "_1rsrm2ffk", active: "_1rsrm2ffl" }, defaultClass: "_1rsrm2ffj" }, profileActionHover: { conditions: { base: "_1rsrm2ffm", hover: "_1rsrm2ffn", active: "_1rsrm2ffo" }, defaultClass: "_1rsrm2ffm" }, profileForeground: { conditions: { base: "_1rsrm2ffp", hover: "_1rsrm2ffq", active: "_1rsrm2ffr" }, defaultClass: "_1rsrm2ffp" }, selectedOptionBorder: { conditions: { base: "_1rsrm2ffs", hover: "_1rsrm2fft", active: "_1rsrm2ffu" }, defaultClass: "_1rsrm2ffs" }, standby: { conditions: { base: "_1rsrm2ffv", hover: "_1rsrm2ffw", active: "_1rsrm2ffx" }, defaultClass: "_1rsrm2ffv" }, solidLine: { conditions: { base: "_1rsrm2ffy", hover: "_1rsrm2ffz", active: "_1rsrm2fg0" }, defaultClass: "_1rsrm2ffy" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fg1", hover: "_1rsrm2fg2", active: "_1rsrm2fg3" }, defaultClass: "_1rsrm2fg1" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fg4", hover: "_1rsrm2fg5", active: "_1rsrm2fg6" }, defaultClass: "_1rsrm2fg4" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fg7", hover: "_1rsrm2fg8", active: "_1rsrm2fg9" }, defaultClass: "_1rsrm2fg7" }, accentColorForeground: { conditions: { base: "_1rsrm2fga", hover: "_1rsrm2fgb", active: "_1rsrm2fgc" }, defaultClass: "_1rsrm2fga" }, actionButtonBorder: { conditions: { base: "_1rsrm2fgd", hover: "_1rsrm2fge", active: "_1rsrm2fgf" }, defaultClass: "_1rsrm2fgd" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fgg", hover: "_1rsrm2fgh", active: "_1rsrm2fgi" }, defaultClass: "_1rsrm2fgg" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fgj", hover: "_1rsrm2fgk", active: "_1rsrm2fgl" }, defaultClass: "_1rsrm2fgj" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fgm", hover: "_1rsrm2fgn", active: "_1rsrm2fgo" }, defaultClass: "_1rsrm2fgm" }, closeButton: { conditions: { base: "_1rsrm2fgp", hover: "_1rsrm2fgq", active: "_1rsrm2fgr" }, defaultClass: "_1rsrm2fgp" }, closeButtonBackground: { conditions: { base: "_1rsrm2fgs", hover: "_1rsrm2fgt", active: "_1rsrm2fgu" }, defaultClass: "_1rsrm2fgs" }, connectButtonBackground: { conditions: { base: "_1rsrm2fgv", hover: "_1rsrm2fgw", active: "_1rsrm2fgx" }, defaultClass: "_1rsrm2fgv" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgy", hover: "_1rsrm2fgz", active: "_1rsrm2fh0" }, defaultClass: "_1rsrm2fgy" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fh1", hover: "_1rsrm2fh2", active: "_1rsrm2fh3" }, defaultClass: "_1rsrm2fh1" }, connectButtonText: { conditions: { base: "_1rsrm2fh4", hover: "_1rsrm2fh5", active: "_1rsrm2fh6" }, defaultClass: "_1rsrm2fh4" }, connectButtonTextError: { conditions: { base: "_1rsrm2fh7", hover: "_1rsrm2fh8", active: "_1rsrm2fh9" }, defaultClass: "_1rsrm2fh7" }, connectionIndicator: { conditions: { base: "_1rsrm2fha", hover: "_1rsrm2fhb", active: "_1rsrm2fhc" }, defaultClass: "_1rsrm2fha" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fhd", hover: "_1rsrm2fhe", active: "_1rsrm2fhf" }, defaultClass: "_1rsrm2fhd" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fhg", hover: "_1rsrm2fhh", active: "_1rsrm2fhi" }, defaultClass: "_1rsrm2fhg" }, error: { conditions: { base: "_1rsrm2fhj", hover: "_1rsrm2fhk", active: "_1rsrm2fhl" }, defaultClass: "_1rsrm2fhj" }, generalBorder: { conditions: { base: "_1rsrm2fhm", hover: "_1rsrm2fhn", active: "_1rsrm2fho" }, defaultClass: "_1rsrm2fhm" }, generalBorderDim: { conditions: { base: "_1rsrm2fhp", hover: "_1rsrm2fhq", active: "_1rsrm2fhr" }, defaultClass: "_1rsrm2fhp" }, menuItemBackground: { conditions: { base: "_1rsrm2fhs", hover: "_1rsrm2fht", active: "_1rsrm2fhu" }, defaultClass: "_1rsrm2fhs" }, modalBackdrop: { conditions: { base: "_1rsrm2fhv", hover: "_1rsrm2fhw", active: "_1rsrm2fhx" }, defaultClass: "_1rsrm2fhv" }, modalBackground: { conditions: { base: "_1rsrm2fhy", hover: "_1rsrm2fhz", active: "_1rsrm2fi0" }, defaultClass: "_1rsrm2fhy" }, modalBorder: { conditions: { base: "_1rsrm2fi1", hover: "_1rsrm2fi2", active: "_1rsrm2fi3" }, defaultClass: "_1rsrm2fi1" }, modalText: { conditions: { base: "_1rsrm2fi4", hover: "_1rsrm2fi5", active: "_1rsrm2fi6" }, defaultClass: "_1rsrm2fi4" }, modalTextDim: { conditions: { base: "_1rsrm2fi7", hover: "_1rsrm2fi8", active: "_1rsrm2fi9" }, defaultClass: "_1rsrm2fi7" }, modalTextSecondary: { conditions: { base: "_1rsrm2fia", hover: "_1rsrm2fib", active: "_1rsrm2fic" }, defaultClass: "_1rsrm2fia" }, profileAction: { conditions: { base: "_1rsrm2fid", hover: "_1rsrm2fie", active: "_1rsrm2fif" }, defaultClass: "_1rsrm2fid" }, profileActionHover: { conditions: { base: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii" }, defaultClass: "_1rsrm2fig" }, profileForeground: { conditions: { base: "_1rsrm2fij", hover: "_1rsrm2fik", active: "_1rsrm2fil" }, defaultClass: "_1rsrm2fij" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio" }, defaultClass: "_1rsrm2fim" }, standby: { conditions: { base: "_1rsrm2fip", hover: "_1rsrm2fiq", active: "_1rsrm2fir" }, defaultClass: "_1rsrm2fip" }, solidLine: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu" }, defaultClass: "_1rsrm2fis" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fiv", hover: "_1rsrm2fiw", active: "_1rsrm2fix" }, defaultClass: "_1rsrm2fiv" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0" }, defaultClass: "_1rsrm2fiy" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fj1", hover: "_1rsrm2fj2", active: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fj1" }, dialog: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6" }, defaultClass: "_1rsrm2fj4" }, profileDetailsAction: { conditions: { base: "_1rsrm2fj7", hover: "_1rsrm2fj8", active: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj7" }, selectedOption: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc" }, defaultClass: "_1rsrm2fja" }, selectedWallet: { conditions: { base: "_1rsrm2fjd", hover: "_1rsrm2fje", active: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fjd" }, walletLogo: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji" }, defaultClass: "_1rsrm2fjg" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fjj", hover: "_1rsrm2fjk", active: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjj" }, accentColorForeground: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo" }, defaultClass: "_1rsrm2fjm" }, actionButtonBorder: { conditions: { base: "_1rsrm2fjp", hover: "_1rsrm2fjq", active: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjp" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju" }, defaultClass: "_1rsrm2fjs" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fjv", hover: "_1rsrm2fjw", active: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjv" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0" }, defaultClass: "_1rsrm2fjy" }, closeButton: { conditions: { base: "_1rsrm2fk1", hover: "_1rsrm2fk2", active: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fk1" }, closeButtonBackground: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6" }, defaultClass: "_1rsrm2fk4" }, connectButtonBackground: { conditions: { base: "_1rsrm2fk7", hover: "_1rsrm2fk8", active: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk7" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc" }, defaultClass: "_1rsrm2fka" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fkd", hover: "_1rsrm2fke", active: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fkd" }, connectButtonText: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki" }, defaultClass: "_1rsrm2fkg" }, connectButtonTextError: { conditions: { base: "_1rsrm2fkj", hover: "_1rsrm2fkk", active: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkj" }, connectionIndicator: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko" }, defaultClass: "_1rsrm2fkm" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fkp", hover: "_1rsrm2fkq", active: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkp" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku" }, defaultClass: "_1rsrm2fks" }, error: { conditions: { base: "_1rsrm2fkv", hover: "_1rsrm2fkw", active: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fkv" }, generalBorder: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0" }, defaultClass: "_1rsrm2fky" }, generalBorderDim: { conditions: { base: "_1rsrm2fl1", hover: "_1rsrm2fl2", active: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fl1" }, menuItemBackground: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6" }, defaultClass: "_1rsrm2fl4" }, modalBackdrop: { conditions: { base: "_1rsrm2fl7", hover: "_1rsrm2fl8", active: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl7" }, modalBackground: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc" }, defaultClass: "_1rsrm2fla" }, modalBorder: { conditions: { base: "_1rsrm2fld", hover: "_1rsrm2fle", active: "_1rsrm2flf" }, defaultClass: "_1rsrm2fld" }, modalText: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli" }, defaultClass: "_1rsrm2flg" }, modalTextDim: { conditions: { base: "_1rsrm2flj", hover: "_1rsrm2flk", active: "_1rsrm2fll" }, defaultClass: "_1rsrm2flj" }, modalTextSecondary: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo" }, defaultClass: "_1rsrm2flm" }, profileAction: { conditions: { base: "_1rsrm2flp", hover: "_1rsrm2flq", active: "_1rsrm2flr" }, defaultClass: "_1rsrm2flp" }, profileActionHover: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu" }, defaultClass: "_1rsrm2fls" }, profileForeground: { conditions: { base: "_1rsrm2flv", hover: "_1rsrm2flw", active: "_1rsrm2flx" }, defaultClass: "_1rsrm2flv" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0" }, defaultClass: "_1rsrm2fly" }, standby: { conditions: { base: "_1rsrm2fm1", hover: "_1rsrm2fm2", active: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fm1" }, solidLine: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6" }, defaultClass: "_1rsrm2fm4" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fm7", hover: "_1rsrm2fm8", active: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm7" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc" }, defaultClass: "_1rsrm2fma" } } } } }, { 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" } } }, cursor: { values: { pointer: { defaultClass: "_1rsrm2f12" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f13" }, column: { defaultClass: "_1rsrm2f14" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f15" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f16" }, "12": { defaultClass: "_1rsrm2f17" }, "13": { defaultClass: "_1rsrm2f18" }, "14": { defaultClass: "_1rsrm2f19" }, "16": { defaultClass: "_1rsrm2f1a" }, "18": { defaultClass: "_1rsrm2f1b" }, "20": { defaultClass: "_1rsrm2f1c" }, "23": { defaultClass: "_1rsrm2f1d" }, "57": { defaultClass: "_1rsrm2f1e" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1f" }, medium: { defaultClass: "_1rsrm2f1g" }, semibold: { defaultClass: "_1rsrm2f1h" }, bold: { defaultClass: "_1rsrm2f1i" }, heavy: { defaultClass: "_1rsrm2f1j" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1k" }, "1": { defaultClass: "_1rsrm2f1l" }, "2": { defaultClass: "_1rsrm2f1m" }, "3": { defaultClass: "_1rsrm2f1n" }, "4": { defaultClass: "_1rsrm2f1o" }, "5": { defaultClass: "_1rsrm2f1p" }, "6": { defaultClass: "_1rsrm2f1q" }, "8": { defaultClass: "_1rsrm2f1r" }, "10": { defaultClass: "_1rsrm2f1s" }, "12": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "24": { defaultClass: "_1rsrm2f1y" }, "28": { defaultClass: "_1rsrm2f1z" }, "30": { defaultClass: "_1rsrm2f20" }, "32": { defaultClass: "_1rsrm2f21" }, "36": { defaultClass: "_1rsrm2f22" }, "44": { defaultClass: "_1rsrm2f23" }, "64": { defaultClass: "_1rsrm2f24" }, "-1": { defaultClass: "_1rsrm2f25" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f26" }, "2": { defaultClass: "_1rsrm2f27" }, "4": { defaultClass: "_1rsrm2f28" }, "8": { defaultClass: "_1rsrm2f29" }, "12": { defaultClass: "_1rsrm2f2a" }, "20": { defaultClass: "_1rsrm2f2b" }, "24": { defaultClass: "_1rsrm2f2c" }, "28": { defaultClass: "_1rsrm2f2d" }, "30": { defaultClass: "_1rsrm2f2e" }, "32": { defaultClass: "_1rsrm2f2f" }, "34": { defaultClass: "_1rsrm2f2g" }, "36": { defaultClass: "_1rsrm2f2h" }, "40": { defaultClass: "_1rsrm2f2i" }, "44": { defaultClass: "_1rsrm2f2j" }, "48": { defaultClass: "_1rsrm2f2k" }, "54": { defaultClass: "_1rsrm2f2l" }, "60": { defaultClass: "_1rsrm2f2m" }, "93": { defaultClass: "_1rsrm2f2n" }, "100": { defaultClass: "_1rsrm2f2o" }, "108": { defaultClass: "_1rsrm2f2p" }, "162": { defaultClass: "_1rsrm2f2q" }, "192": { defaultClass: "_1rsrm2f2r" }, "200": { defaultClass: "_1rsrm2f2s" }, "210": { defaultClass: "_1rsrm2f2t" }, "220": { defaultClass: "_1rsrm2f2u" }, "230": { defaultClass: "_1rsrm2f2v" }, "240": { defaultClass: "_1rsrm2f2w" }, "256": { defaultClass: "_1rsrm2f2x" }, "320": { defaultClass: "_1rsrm2f2y" }, "400": { defaultClass: "_1rsrm2f2z" }, "440": { defaultClass: "_1rsrm2f30" }, "600": { defaultClass: "_1rsrm2f31" }, half: { defaultClass: "_1rsrm2f32" }, full: { defaultClass: "_1rsrm2f33" }, max: { defaultClass: "_1rsrm2f34" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f35" }, "flex-end": { defaultClass: "_1rsrm2f36" }, center: { defaultClass: "_1rsrm2f37" }, "space-between": { defaultClass: "_1rsrm2f38" }, "space-around": { defaultClass: "_1rsrm2f39" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3a" }, center: { defaultClass: "_1rsrm2f3b" }, inherit: { defaultClass: "_1rsrm2f3c" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3d" }, "1": { defaultClass: "_1rsrm2f3e" }, "2": { defaultClass: "_1rsrm2f3f" }, "3": { defaultClass: "_1rsrm2f3g" }, "4": { defaultClass: "_1rsrm2f3h" }, "5": { defaultClass: "_1rsrm2f3i" }, "6": { defaultClass: "_1rsrm2f3j" }, "8": { defaultClass: "_1rsrm2f3k" }, "10": { defaultClass: "_1rsrm2f3l" }, "12": { defaultClass: "_1rsrm2f3m" }, "14": { defaultClass: "_1rsrm2f3n" }, "16": { defaultClass: "_1rsrm2f3o" }, "18": { defaultClass: "_1rsrm2f3p" }, "20": { defaultClass: "_1rsrm2f3q" }, "24": { defaultClass: "_1rsrm2f3r" }, "28": { defaultClass: "_1rsrm2f3s" }, "30": { defaultClass: "_1rsrm2f3t" }, "32": { defaultClass: "_1rsrm2f3u" }, "36": { defaultClass: "_1rsrm2f3v" }, "44": { defaultClass: "_1rsrm2f3w" }, "64": { defaultClass: "_1rsrm2f3x" }, "-1": { defaultClass: "_1rsrm2f3y" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f3z" }, "1": { defaultClass: "_1rsrm2f40" }, "2": { defaultClass: "_1rsrm2f41" }, "3": { defaultClass: "_1rsrm2f42" }, "4": { defaultClass: "_1rsrm2f43" }, "5": { defaultClass: "_1rsrm2f44" }, "6": { defaultClass: "_1rsrm2f45" }, "8": { defaultClass: "_1rsrm2f46" }, "10": { defaultClass: "_1rsrm2f47" }, "12": { defaultClass: "_1rsrm2f48" }, "14": { defaultClass: "_1rsrm2f49" }, "16": { defaultClass: "_1rsrm2f4a" }, "18": { defaultClass: "_1rsrm2f4b" }, "20": { defaultClass: "_1rsrm2f4c" }, "24": { defaultClass: "_1rsrm2f4d" }, "28": { defaultClass: "_1rsrm2f4e" }, "30": { defaultClass: "_1rsrm2f4f" }, "32": { defaultClass: "_1rsrm2f4g" }, "36": { defaultClass: "_1rsrm2f4h" }, "44": { defaultClass: "_1rsrm2f4i" }, "64": { defaultClass: "_1rsrm2f4j" }, "-1": { defaultClass: "_1rsrm2f4k" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4l" }, "1": { defaultClass: "_1rsrm2f4m" }, "2": { defaultClass: "_1rsrm2f4n" }, "3": { defaultClass: "_1rsrm2f4o" }, "4": { defaultClass: "_1rsrm2f4p" }, "5": { defaultClass: "_1rsrm2f4q" }, "6": { defaultClass: "_1rsrm2f4r" }, "8": { defaultClass: "_1rsrm2f4s" }, "10": { defaultClass: "_1rsrm2f4t" }, "12": { defaultClass: "_1rsrm2f4u" }, "14": { defaultClass: "_1rsrm2f4v" }, "16": { defaultClass: "_1rsrm2f4w" }, "18": { defaultClass: "_1rsrm2f4x" }, "20": { defaultClass: "_1rsrm2f4y" }, "24": { defaultClass: "_1rsrm2f4z" }, "28": { defaultClass: "_1rsrm2f50" }, "30": { defaultClass: "_1rsrm2f51" }, "32": { defaultClass: "_1rsrm2f52" }, "36": { defaultClass: "_1rsrm2f53" }, "44": { defaultClass: "_1rsrm2f54" }, "64": { defaultClass: "_1rsrm2f55" }, "-1": { defaultClass: "_1rsrm2f56" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f57" }, "1": { defaultClass: "_1rsrm2f58" }, "2": { defaultClass: "_1rsrm2f59" }, "3": { defaultClass: "_1rsrm2f5a" }, "4": { defaultClass: "_1rsrm2f5b" }, "5": { defaultClass: "_1rsrm2f5c" }, "6": { defaultClass: "_1rsrm2f5d" }, "8": { defaultClass: "_1rsrm2f5e" }, "10": { defaultClass: "_1rsrm2f5f" }, "12": { defaultClass: "_1rsrm2f5g" }, "14": { defaultClass: "_1rsrm2f5h" }, "16": { defaultClass: "_1rsrm2f5i" }, "18": { defaultClass: "_1rsrm2f5j" }, "20": { defaultClass: "_1rsrm2f5k" }, "24": { defaultClass: "_1rsrm2f5l" }, "28": { defaultClass: "_1rsrm2f5m" }, "30": { defaultClass: "_1rsrm2f5n" }, "32": { defaultClass: "_1rsrm2f5o" }, "36": { defaultClass: "_1rsrm2f5p" }, "44": { defaultClass: "_1rsrm2f5q" }, "64": { defaultClass: "_1rsrm2f5r" }, "-1": { defaultClass: "_1rsrm2f5s" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5t" }, "2": { defaultClass: "_1rsrm2f5u" }, "4": { defaultClass: "_1rsrm2f5v" }, "8": { defaultClass: "_1rsrm2f5w" }, "12": { defaultClass: "_1rsrm2f5x" }, "20": { defaultClass: "_1rsrm2f5y" }, "24": { defaultClass: "_1rsrm2f5z" }, "28": { defaultClass: "_1rsrm2f60" }, "30": { defaultClass: "_1rsrm2f61" }, "32": { defaultClass: "_1rsrm2f62" }, "34": { defaultClass: "_1rsrm2f63" }, "36": { defaultClass: "_1rsrm2f64" }, "40": { defaultClass: "_1rsrm2f65" }, "44": { defaultClass: "_1rsrm2f66" }, "48": { defaultClass: "_1rsrm2f67" }, "54": { defaultClass: "_1rsrm2f68" }, "60": { defaultClass: "_1rsrm2f69" }, "93": { defaultClass: "_1rsrm2f6a" }, "100": { defaultClass: "_1rsrm2f6b" }, "108": { defaultClass: "_1rsrm2f6c" }, "162": { defaultClass: "_1rsrm2f6d" }, "192": { defaultClass: "_1rsrm2f6e" }, "200": { defaultClass: "_1rsrm2f6f" }, "210": { defaultClass: "_1rsrm2f6g" }, "220": { defaultClass: "_1rsrm2f6h" }, "230": { defaultClass: "_1rsrm2f6i" }, "240": { defaultClass: "_1rsrm2f6j" }, "256": { defaultClass: "_1rsrm2f6k" }, "320": { defaultClass: "_1rsrm2f6l" }, "400": { defaultClass: "_1rsrm2f6m" }, "440": { defaultClass: "_1rsrm2f6n" }, "600": { defaultClass: "_1rsrm2f6o" }, half: { defaultClass: "_1rsrm2f6p" }, full: { defaultClass: "_1rsrm2f6q" }, max: { defaultClass: "_1rsrm2f6r" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f6s" }, "2": { defaultClass: "_1rsrm2f6t" }, "4": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "12": { defaultClass: "_1rsrm2f6w" }, "20": { defaultClass: "_1rsrm2f6x" }, "24": { defaultClass: "_1rsrm2f6y" }, "28": { defaultClass: "_1rsrm2f6z" }, "30": { defaultClass: "_1rsrm2f70" }, "32": { defaultClass: "_1rsrm2f71" }, "34": { defaultClass: "_1rsrm2f72" }, "36": { defaultClass: "_1rsrm2f73" }, "40": { defaultClass: "_1rsrm2f74" }, "44": { defaultClass: "_1rsrm2f75" }, "48": { defaultClass: "_1rsrm2f76" }, "54": { defaultClass: "_1rsrm2f77" }, "60": { defaultClass: "_1rsrm2f78" }, "93": { defaultClass: "_1rsrm2f79" }, "100": { defaultClass: "_1rsrm2f7a" }, "108": { defaultClass: "_1rsrm2f7b" }, "162": { defaultClass: "_1rsrm2f7c" }, "192": { defaultClass: "_1rsrm2f7d" }, "200": { defaultClass: "_1rsrm2f7e" }, "210": { defaultClass: "_1rsrm2f7f" }, "220": { defaultClass: "_1rsrm2f7g" }, "230": { defaultClass: "_1rsrm2f7h" }, "240": { defaultClass: "_1rsrm2f7i" }, "256": { defaultClass: "_1rsrm2f7j" }, "320": { defaultClass: "_1rsrm2f7k" }, "400": { defaultClass: "_1rsrm2f7l" }, "440": { defaultClass: "_1rsrm2f7m" }, "600": { defaultClass: "_1rsrm2f7n" }, half: { defaultClass: "_1rsrm2f7o" }, full: { defaultClass: "_1rsrm2f7p" }, max: { defaultClass: "_1rsrm2f7q" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f7r" }, "2": { defaultClass: "_1rsrm2f7s" }, "4": { defaultClass: "_1rsrm2f7t" }, "8": { defaultClass: "_1rsrm2f7u" }, "12": { defaultClass: "_1rsrm2f7v" }, "20": { defaultClass: "_1rsrm2f7w" }, "24": { defaultClass: "_1rsrm2f7x" }, "28": { defaultClass: "_1rsrm2f7y" }, "30": { defaultClass: "_1rsrm2f7z" }, "32": { defaultClass: "_1rsrm2f80" }, "34": { defaultClass: "_1rsrm2f81" }, "36": { defaultClass: "_1rsrm2f82" }, "40": { defaultClass: "_1rsrm2f83" }, "44": { defaultClass: "_1rsrm2f84" }, "48": { defaultClass: "_1rsrm2f85" }, "54": { defaultClass: "_1rsrm2f86" }, "60": { defaultClass: "_1rsrm2f87" }, "93": { defaultClass: "_1rsrm2f88" }, "100": { defaultClass: "_1rsrm2f89" }, "108": { defaultClass: "_1rsrm2f8a" }, "162": { defaultClass: "_1rsrm2f8b" }, "192": { defaultClass: "_1rsrm2f8c" }, "200": { defaultClass: "_1rsrm2f8d" }, "210": { defaultClass: "_1rsrm2f8e" }, "220": { defaultClass: "_1rsrm2f8f" }, "230": { defaultClass: "_1rsrm2f8g" }, "240": { defaultClass: "_1rsrm2f8h" }, "256": { defaultClass: "_1rsrm2f8i" }, "320": { defaultClass: "_1rsrm2f8j" }, "400": { defaultClass: "_1rsrm2f8k" }, "440": { defaultClass: "_1rsrm2f8l" }, "600": { defaultClass: "_1rsrm2f8m" }, half: { defaultClass: "_1rsrm2f8n" }, full: { defaultClass: "_1rsrm2f8o" }, max: { defaultClass: "_1rsrm2f8p" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f8q" }, "2": { defaultClass: "_1rsrm2f8r" }, "4": { defaultClass: "_1rsrm2f8s" }, "8": { defaultClass: "_1rsrm2f8t" }, "12": { defaultClass: "_1rsrm2f8u" }, "20": { defaultClass: "_1rsrm2f8v" }, "24": { defaultClass: "_1rsrm2f8w" }, "28": { defaultClass: "_1rsrm2f8x" }, "30": { defaultClass: "_1rsrm2f8y" }, "32": { defaultClass: "_1rsrm2f8z" }, "34": { defaultClass: "_1rsrm2f90" }, "36": { defaultClass: "_1rsrm2f91" }, "40": { defaultClass: "_1rsrm2f92" }, "44": { defaultClass: "_1rsrm2f93" }, "48": { defaultClass: "_1rsrm2f94" }, "54": { defaultClass: "_1rsrm2f95" }, "60": { defaultClass: "_1rsrm2f96" }, "93": { defaultClass: "_1rsrm2f97" }, "100": { defaultClass: "_1rsrm2f98" }, "108": { defaultClass: "_1rsrm2f99" }, "162": { defaultClass: "_1rsrm2f9a" }, "192": { defaultClass: "_1rsrm2f9b" }, "200": { defaultClass: "_1rsrm2f9c" }, "210": { defaultClass: "_1rsrm2f9d" }, "220": { defaultClass: "_1rsrm2f9e" }, "230": { defaultClass: "_1rsrm2f9f" }, "240": { defaultClass: "_1rsrm2f9g" }, "256": { defaultClass: "_1rsrm2f9h" }, "320": { defaultClass: "_1rsrm2f9i" }, "400": { defaultClass: "_1rsrm2f9j" }, "440": { defaultClass: "_1rsrm2f9k" }, "600": { defaultClass: "_1rsrm2f9l" }, half: { defaultClass: "_1rsrm2f9m" }, full: { defaultClass: "_1rsrm2f9n" }, max: { defaultClass: "_1rsrm2f9o" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2f9p" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2f9q" }, "1": { defaultClass: "_1rsrm2f9r" }, "2": { defaultClass: "_1rsrm2f9s" }, "3": { defaultClass: "_1rsrm2f9t" }, "4": { defaultClass: "_1rsrm2f9u" }, "5": { defaultClass: "_1rsrm2f9v" }, "6": { defaultClass: "_1rsrm2f9w" }, "8": { defaultClass: "_1rsrm2f9x" }, "10": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "14": { defaultClass: "_1rsrm2fa0" }, "16": { defaultClass: "_1rsrm2fa1" }, "18": { defaultClass: "_1rsrm2fa2" }, "20": { defaultClass: "_1rsrm2fa3" }, "24": { defaultClass: "_1rsrm2fa4" }, "28": { defaultClass: "_1rsrm2fa5" }, "30": { defaultClass: "_1rsrm2fa6" }, "32": { defaultClass: "_1rsrm2fa7" }, "36": { defaultClass: "_1rsrm2fa8" }, "44": { defaultClass: "_1rsrm2fa9" }, "64": { defaultClass: "_1rsrm2faa" }, "-1": { defaultClass: "_1rsrm2fab" } } }, paddingLeft: { 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" } } }, paddingRight: { 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" } } }, paddingTop: { 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" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fc6" }, fixed: { defaultClass: "_1rsrm2fc7" }, relative: { defaultClass: "_1rsrm2fc8" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fc9" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fca" }, transform: { defaultClass: "_1rsrm2fcb" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcc" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcd" }, "2": { defaultClass: "_1rsrm2fce" }, "4": { defaultClass: "_1rsrm2fcf" }, "8": { defaultClass: "_1rsrm2fcg" }, "12": { defaultClass: "_1rsrm2fch" }, "20": { defaultClass: "_1rsrm2fci" }, "24": { defaultClass: "_1rsrm2fcj" }, "28": { defaultClass: "_1rsrm2fck" }, "30": { defaultClass: "_1rsrm2fcl" }, "32": { defaultClass: "_1rsrm2fcm" }, "34": { defaultClass: "_1rsrm2fcn" }, "36": { defaultClass: "_1rsrm2fco" }, "40": { defaultClass: "_1rsrm2fcp" }, "44": { defaultClass: "_1rsrm2fcq" }, "48": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "60": { defaultClass: "_1rsrm2fct" }, "93": { defaultClass: "_1rsrm2fcu" }, "100": { defaultClass: "_1rsrm2fcv" }, "108": { defaultClass: "_1rsrm2fcw" }, "162": { defaultClass: "_1rsrm2fcx" }, "192": { defaultClass: "_1rsrm2fcy" }, "200": { defaultClass: "_1rsrm2fcz" }, "210": { defaultClass: "_1rsrm2fd0" }, "220": { defaultClass: "_1rsrm2fd1" }, "230": { defaultClass: "_1rsrm2fd2" }, "240": { defaultClass: "_1rsrm2fd3" }, "256": { defaultClass: "_1rsrm2fd4" }, "320": { defaultClass: "_1rsrm2fd5" }, "400": { defaultClass: "_1rsrm2fd6" }, "440": { defaultClass: "_1rsrm2fd7" }, "600": { defaultClass: "_1rsrm2fd8" }, half: { defaultClass: "_1rsrm2fd9" }, full: { defaultClass: "_1rsrm2fda" }, max: { defaultClass: "_1rsrm2fdb" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fdc" } } } } });
-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)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", 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)" }, fonts: { body: "var(--rk-fonts-body)" }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" } };
+var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fdd", hover: "_1rsrm2fde", active: "_1rsrm2fdf" }, defaultClass: "_1rsrm2fdd" }, accentColorForeground: { conditions: { base: "_1rsrm2fdg", hover: "_1rsrm2fdh", active: "_1rsrm2fdi" }, defaultClass: "_1rsrm2fdg" }, actionButtonBorder: { conditions: { base: "_1rsrm2fdj", hover: "_1rsrm2fdk", active: "_1rsrm2fdl" }, defaultClass: "_1rsrm2fdj" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fdm", hover: "_1rsrm2fdn", active: "_1rsrm2fdo" }, defaultClass: "_1rsrm2fdm" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fdp", hover: "_1rsrm2fdq", active: "_1rsrm2fdr" }, defaultClass: "_1rsrm2fdp" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fds", hover: "_1rsrm2fdt", active: "_1rsrm2fdu" }, defaultClass: "_1rsrm2fds" }, closeButton: { conditions: { base: "_1rsrm2fdv", hover: "_1rsrm2fdw", active: "_1rsrm2fdx" }, defaultClass: "_1rsrm2fdv" }, closeButtonBackground: { conditions: { base: "_1rsrm2fdy", hover: "_1rsrm2fdz", active: "_1rsrm2fe0" }, defaultClass: "_1rsrm2fdy" }, connectButtonBackground: { conditions: { base: "_1rsrm2fe1", hover: "_1rsrm2fe2", active: "_1rsrm2fe3" }, defaultClass: "_1rsrm2fe1" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fe4", hover: "_1rsrm2fe5", active: "_1rsrm2fe6" }, defaultClass: "_1rsrm2fe4" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fe7", hover: "_1rsrm2fe8", active: "_1rsrm2fe9" }, defaultClass: "_1rsrm2fe7" }, connectButtonText: { conditions: { base: "_1rsrm2fea", hover: "_1rsrm2feb", active: "_1rsrm2fec" }, defaultClass: "_1rsrm2fea" }, connectButtonTextError: { conditions: { base: "_1rsrm2fed", hover: "_1rsrm2fee", active: "_1rsrm2fef" }, defaultClass: "_1rsrm2fed" }, connectionIndicator: { conditions: { base: "_1rsrm2feg", hover: "_1rsrm2feh", active: "_1rsrm2fei" }, defaultClass: "_1rsrm2feg" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fej", hover: "_1rsrm2fek", active: "_1rsrm2fel" }, defaultClass: "_1rsrm2fej" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fem", hover: "_1rsrm2fen", active: "_1rsrm2feo" }, defaultClass: "_1rsrm2fem" }, error: { conditions: { base: "_1rsrm2fep", hover: "_1rsrm2feq", active: "_1rsrm2fer" }, defaultClass: "_1rsrm2fep" }, generalBorder: { conditions: { base: "_1rsrm2fes", hover: "_1rsrm2fet", active: "_1rsrm2feu" }, defaultClass: "_1rsrm2fes" }, generalBorderDim: { conditions: { base: "_1rsrm2fev", hover: "_1rsrm2few", active: "_1rsrm2fex" }, defaultClass: "_1rsrm2fev" }, menuItemBackground: { conditions: { base: "_1rsrm2fey", hover: "_1rsrm2fez", active: "_1rsrm2ff0" }, defaultClass: "_1rsrm2fey" }, modalBackdrop: { conditions: { base: "_1rsrm2ff1", hover: "_1rsrm2ff2", active: "_1rsrm2ff3" }, defaultClass: "_1rsrm2ff1" }, modalBackground: { conditions: { base: "_1rsrm2ff4", hover: "_1rsrm2ff5", active: "_1rsrm2ff6" }, defaultClass: "_1rsrm2ff4" }, modalBorder: { conditions: { base: "_1rsrm2ff7", hover: "_1rsrm2ff8", active: "_1rsrm2ff9" }, defaultClass: "_1rsrm2ff7" }, modalText: { conditions: { base: "_1rsrm2ffa", hover: "_1rsrm2ffb", active: "_1rsrm2ffc" }, defaultClass: "_1rsrm2ffa" }, modalTextDim: { conditions: { base: "_1rsrm2ffd", hover: "_1rsrm2ffe", active: "_1rsrm2fff" }, defaultClass: "_1rsrm2ffd" }, modalTextSecondary: { conditions: { base: "_1rsrm2ffg", hover: "_1rsrm2ffh", active: "_1rsrm2ffi" }, defaultClass: "_1rsrm2ffg" }, profileAction: { conditions: { base: "_1rsrm2ffj", hover: "_1rsrm2ffk", active: "_1rsrm2ffl" }, defaultClass: "_1rsrm2ffj" }, profileActionHover: { conditions: { base: "_1rsrm2ffm", hover: "_1rsrm2ffn", active: "_1rsrm2ffo" }, defaultClass: "_1rsrm2ffm" }, profileForeground: { conditions: { base: "_1rsrm2ffp", hover: "_1rsrm2ffq", active: "_1rsrm2ffr" }, defaultClass: "_1rsrm2ffp" }, selectedOptionBorder: { conditions: { base: "_1rsrm2ffs", hover: "_1rsrm2fft", active: "_1rsrm2ffu" }, defaultClass: "_1rsrm2ffs" }, standby: { conditions: { base: "_1rsrm2ffv", hover: "_1rsrm2ffw", active: "_1rsrm2ffx" }, defaultClass: "_1rsrm2ffv" }, solidLine: { conditions: { base: "_1rsrm2ffy", hover: "_1rsrm2ffz", active: "_1rsrm2fg0" }, defaultClass: "_1rsrm2ffy" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fg1", hover: "_1rsrm2fg2", active: "_1rsrm2fg3" }, defaultClass: "_1rsrm2fg1" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fg4", hover: "_1rsrm2fg5", active: "_1rsrm2fg6" }, defaultClass: "_1rsrm2fg4" }, loadingBase: { conditions: { base: "_1rsrm2fg7", hover: "_1rsrm2fg8", active: "_1rsrm2fg9" }, defaultClass: "_1rsrm2fg7" }, loadingAccent: { conditions: { base: "_1rsrm2fga", hover: "_1rsrm2fgb", active: "_1rsrm2fgc" }, defaultClass: "_1rsrm2fga" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fgd", hover: "_1rsrm2fge", active: "_1rsrm2fgf" }, defaultClass: "_1rsrm2fgd" }, accentColorForeground: { conditions: { base: "_1rsrm2fgg", hover: "_1rsrm2fgh", active: "_1rsrm2fgi" }, defaultClass: "_1rsrm2fgg" }, actionButtonBorder: { conditions: { base: "_1rsrm2fgj", hover: "_1rsrm2fgk", active: "_1rsrm2fgl" }, defaultClass: "_1rsrm2fgj" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fgm", hover: "_1rsrm2fgn", active: "_1rsrm2fgo" }, defaultClass: "_1rsrm2fgm" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fgp", hover: "_1rsrm2fgq", active: "_1rsrm2fgr" }, defaultClass: "_1rsrm2fgp" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fgs", hover: "_1rsrm2fgt", active: "_1rsrm2fgu" }, defaultClass: "_1rsrm2fgs" }, closeButton: { conditions: { base: "_1rsrm2fgv", hover: "_1rsrm2fgw", active: "_1rsrm2fgx" }, defaultClass: "_1rsrm2fgv" }, closeButtonBackground: { conditions: { base: "_1rsrm2fgy", hover: "_1rsrm2fgz", active: "_1rsrm2fh0" }, defaultClass: "_1rsrm2fgy" }, connectButtonBackground: { conditions: { base: "_1rsrm2fh1", hover: "_1rsrm2fh2", active: "_1rsrm2fh3" }, defaultClass: "_1rsrm2fh1" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fh4", hover: "_1rsrm2fh5", active: "_1rsrm2fh6" }, defaultClass: "_1rsrm2fh4" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fh7", hover: "_1rsrm2fh8", active: "_1rsrm2fh9" }, defaultClass: "_1rsrm2fh7" }, connectButtonText: { conditions: { base: "_1rsrm2fha", hover: "_1rsrm2fhb", active: "_1rsrm2fhc" }, defaultClass: "_1rsrm2fha" }, connectButtonTextError: { conditions: { base: "_1rsrm2fhd", hover: "_1rsrm2fhe", active: "_1rsrm2fhf" }, defaultClass: "_1rsrm2fhd" }, connectionIndicator: { conditions: { base: "_1rsrm2fhg", hover: "_1rsrm2fhh", active: "_1rsrm2fhi" }, defaultClass: "_1rsrm2fhg" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fhj", hover: "_1rsrm2fhk", active: "_1rsrm2fhl" }, defaultClass: "_1rsrm2fhj" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fhm", hover: "_1rsrm2fhn", active: "_1rsrm2fho" }, defaultClass: "_1rsrm2fhm" }, error: { conditions: { base: "_1rsrm2fhp", hover: "_1rsrm2fhq", active: "_1rsrm2fhr" }, defaultClass: "_1rsrm2fhp" }, generalBorder: { conditions: { base: "_1rsrm2fhs", hover: "_1rsrm2fht", active: "_1rsrm2fhu" }, defaultClass: "_1rsrm2fhs" }, generalBorderDim: { conditions: { base: "_1rsrm2fhv", hover: "_1rsrm2fhw", active: "_1rsrm2fhx" }, defaultClass: "_1rsrm2fhv" }, menuItemBackground: { conditions: { base: "_1rsrm2fhy", hover: "_1rsrm2fhz", active: "_1rsrm2fi0" }, defaultClass: "_1rsrm2fhy" }, modalBackdrop: { conditions: { base: "_1rsrm2fi1", hover: "_1rsrm2fi2", active: "_1rsrm2fi3" }, defaultClass: "_1rsrm2fi1" }, modalBackground: { conditions: { base: "_1rsrm2fi4", hover: "_1rsrm2fi5", active: "_1rsrm2fi6" }, defaultClass: "_1rsrm2fi4" }, modalBorder: { conditions: { base: "_1rsrm2fi7", hover: "_1rsrm2fi8", active: "_1rsrm2fi9" }, defaultClass: "_1rsrm2fi7" }, modalText: { conditions: { base: "_1rsrm2fia", hover: "_1rsrm2fib", active: "_1rsrm2fic" }, defaultClass: "_1rsrm2fia" }, modalTextDim: { conditions: { base: "_1rsrm2fid", hover: "_1rsrm2fie", active: "_1rsrm2fif" }, defaultClass: "_1rsrm2fid" }, modalTextSecondary: { conditions: { base: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii" }, defaultClass: "_1rsrm2fig" }, profileAction: { conditions: { base: "_1rsrm2fij", hover: "_1rsrm2fik", active: "_1rsrm2fil" }, defaultClass: "_1rsrm2fij" }, profileActionHover: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio" }, defaultClass: "_1rsrm2fim" }, profileForeground: { conditions: { base: "_1rsrm2fip", hover: "_1rsrm2fiq", active: "_1rsrm2fir" }, defaultClass: "_1rsrm2fip" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu" }, defaultClass: "_1rsrm2fis" }, standby: { conditions: { base: "_1rsrm2fiv", hover: "_1rsrm2fiw", active: "_1rsrm2fix" }, defaultClass: "_1rsrm2fiv" }, solidLine: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0" }, defaultClass: "_1rsrm2fiy" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fj1", hover: "_1rsrm2fj2", active: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fj1" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6" }, defaultClass: "_1rsrm2fj4" }, loadingBase: { conditions: { base: "_1rsrm2fj7", hover: "_1rsrm2fj8", active: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj7" }, loadingAccent: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc" }, defaultClass: "_1rsrm2fja" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fjd", hover: "_1rsrm2fje", active: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fjd" }, dialog: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji" }, defaultClass: "_1rsrm2fjg" }, profileDetailsAction: { conditions: { base: "_1rsrm2fjj", hover: "_1rsrm2fjk", active: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjj" }, selectedOption: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo" }, defaultClass: "_1rsrm2fjm" }, selectedWallet: { conditions: { base: "_1rsrm2fjp", hover: "_1rsrm2fjq", active: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjp" }, walletLogo: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju" }, defaultClass: "_1rsrm2fjs" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fjv", hover: "_1rsrm2fjw", active: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjv" }, accentColorForeground: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0" }, defaultClass: "_1rsrm2fjy" }, actionButtonBorder: { conditions: { base: "_1rsrm2fk1", hover: "_1rsrm2fk2", active: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fk1" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6" }, defaultClass: "_1rsrm2fk4" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fk7", hover: "_1rsrm2fk8", active: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk7" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc" }, defaultClass: "_1rsrm2fka" }, closeButton: { conditions: { base: "_1rsrm2fkd", hover: "_1rsrm2fke", active: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fkd" }, closeButtonBackground: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki" }, defaultClass: "_1rsrm2fkg" }, connectButtonBackground: { conditions: { base: "_1rsrm2fkj", hover: "_1rsrm2fkk", active: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkj" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko" }, defaultClass: "_1rsrm2fkm" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fkp", hover: "_1rsrm2fkq", active: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkp" }, connectButtonText: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku" }, defaultClass: "_1rsrm2fks" }, connectButtonTextError: { conditions: { base: "_1rsrm2fkv", hover: "_1rsrm2fkw", active: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fkv" }, connectionIndicator: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0" }, defaultClass: "_1rsrm2fky" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fl1", hover: "_1rsrm2fl2", active: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fl1" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6" }, defaultClass: "_1rsrm2fl4" }, error: { conditions: { base: "_1rsrm2fl7", hover: "_1rsrm2fl8", active: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl7" }, generalBorder: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc" }, defaultClass: "_1rsrm2fla" }, generalBorderDim: { conditions: { base: "_1rsrm2fld", hover: "_1rsrm2fle", active: "_1rsrm2flf" }, defaultClass: "_1rsrm2fld" }, menuItemBackground: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli" }, defaultClass: "_1rsrm2flg" }, modalBackdrop: { conditions: { base: "_1rsrm2flj", hover: "_1rsrm2flk", active: "_1rsrm2fll" }, defaultClass: "_1rsrm2flj" }, modalBackground: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo" }, defaultClass: "_1rsrm2flm" }, modalBorder: { conditions: { base: "_1rsrm2flp", hover: "_1rsrm2flq", active: "_1rsrm2flr" }, defaultClass: "_1rsrm2flp" }, modalText: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu" }, defaultClass: "_1rsrm2fls" }, modalTextDim: { conditions: { base: "_1rsrm2flv", hover: "_1rsrm2flw", active: "_1rsrm2flx" }, defaultClass: "_1rsrm2flv" }, modalTextSecondary: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0" }, defaultClass: "_1rsrm2fly" }, profileAction: { conditions: { base: "_1rsrm2fm1", hover: "_1rsrm2fm2", active: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fm1" }, profileActionHover: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6" }, defaultClass: "_1rsrm2fm4" }, profileForeground: { conditions: { base: "_1rsrm2fm7", hover: "_1rsrm2fm8", active: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm7" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc" }, defaultClass: "_1rsrm2fma" }, standby: { conditions: { base: "_1rsrm2fmd", hover: "_1rsrm2fme", active: "_1rsrm2fmf" }, defaultClass: "_1rsrm2fmd" }, solidLine: { conditions: { base: "_1rsrm2fmg", hover: "_1rsrm2fmh", active: "_1rsrm2fmi" }, defaultClass: "_1rsrm2fmg" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fmj", hover: "_1rsrm2fmk", active: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmj" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo" }, defaultClass: "_1rsrm2fmm" }, loadingBase: { conditions: { base: "_1rsrm2fmp", hover: "_1rsrm2fmq", active: "_1rsrm2fmr" }, defaultClass: "_1rsrm2fmp" }, loadingAccent: { conditions: { base: "_1rsrm2fms", hover: "_1rsrm2fmt", active: "_1rsrm2fmu" }, defaultClass: "_1rsrm2fms" } } } } }, { 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" } } }, cursor: { values: { pointer: { defaultClass: "_1rsrm2f12" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f13" }, column: { defaultClass: "_1rsrm2f14" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f15" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f16" }, "12": { defaultClass: "_1rsrm2f17" }, "13": { defaultClass: "_1rsrm2f18" }, "14": { defaultClass: "_1rsrm2f19" }, "16": { defaultClass: "_1rsrm2f1a" }, "18": { defaultClass: "_1rsrm2f1b" }, "20": { defaultClass: "_1rsrm2f1c" }, "23": { defaultClass: "_1rsrm2f1d" }, "57": { defaultClass: "_1rsrm2f1e" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1f" }, medium: { defaultClass: "_1rsrm2f1g" }, semibold: { defaultClass: "_1rsrm2f1h" }, bold: { defaultClass: "_1rsrm2f1i" }, heavy: { defaultClass: "_1rsrm2f1j" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1k" }, "1": { defaultClass: "_1rsrm2f1l" }, "2": { defaultClass: "_1rsrm2f1m" }, "3": { defaultClass: "_1rsrm2f1n" }, "4": { defaultClass: "_1rsrm2f1o" }, "5": { defaultClass: "_1rsrm2f1p" }, "6": { defaultClass: "_1rsrm2f1q" }, "8": { defaultClass: "_1rsrm2f1r" }, "10": { defaultClass: "_1rsrm2f1s" }, "12": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "24": { defaultClass: "_1rsrm2f1y" }, "28": { defaultClass: "_1rsrm2f1z" }, "30": { defaultClass: "_1rsrm2f20" }, "32": { defaultClass: "_1rsrm2f21" }, "36": { defaultClass: "_1rsrm2f22" }, "44": { defaultClass: "_1rsrm2f23" }, "64": { defaultClass: "_1rsrm2f24" }, "-1": { defaultClass: "_1rsrm2f25" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f26" }, "2": { defaultClass: "_1rsrm2f27" }, "4": { defaultClass: "_1rsrm2f28" }, "8": { defaultClass: "_1rsrm2f29" }, "12": { defaultClass: "_1rsrm2f2a" }, "20": { defaultClass: "_1rsrm2f2b" }, "24": { defaultClass: "_1rsrm2f2c" }, "28": { defaultClass: "_1rsrm2f2d" }, "30": { defaultClass: "_1rsrm2f2e" }, "32": { defaultClass: "_1rsrm2f2f" }, "34": { defaultClass: "_1rsrm2f2g" }, "36": { defaultClass: "_1rsrm2f2h" }, "40": { defaultClass: "_1rsrm2f2i" }, "44": { defaultClass: "_1rsrm2f2j" }, "48": { defaultClass: "_1rsrm2f2k" }, "54": { defaultClass: "_1rsrm2f2l" }, "60": { defaultClass: "_1rsrm2f2m" }, "93": { defaultClass: "_1rsrm2f2n" }, "100": { defaultClass: "_1rsrm2f2o" }, "108": { defaultClass: "_1rsrm2f2p" }, "162": { defaultClass: "_1rsrm2f2q" }, "192": { defaultClass: "_1rsrm2f2r" }, "200": { defaultClass: "_1rsrm2f2s" }, "210": { defaultClass: "_1rsrm2f2t" }, "220": { defaultClass: "_1rsrm2f2u" }, "230": { defaultClass: "_1rsrm2f2v" }, "240": { defaultClass: "_1rsrm2f2w" }, "256": { defaultClass: "_1rsrm2f2x" }, "320": { defaultClass: "_1rsrm2f2y" }, "400": { defaultClass: "_1rsrm2f2z" }, "440": { defaultClass: "_1rsrm2f30" }, "600": { defaultClass: "_1rsrm2f31" }, half: { defaultClass: "_1rsrm2f32" }, full: { defaultClass: "_1rsrm2f33" }, max: { defaultClass: "_1rsrm2f34" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f35" }, "flex-end": { defaultClass: "_1rsrm2f36" }, center: { defaultClass: "_1rsrm2f37" }, "space-between": { defaultClass: "_1rsrm2f38" }, "space-around": { defaultClass: "_1rsrm2f39" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3a" }, center: { defaultClass: "_1rsrm2f3b" }, inherit: { defaultClass: "_1rsrm2f3c" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3d" }, "1": { defaultClass: "_1rsrm2f3e" }, "2": { defaultClass: "_1rsrm2f3f" }, "3": { defaultClass: "_1rsrm2f3g" }, "4": { defaultClass: "_1rsrm2f3h" }, "5": { defaultClass: "_1rsrm2f3i" }, "6": { defaultClass: "_1rsrm2f3j" }, "8": { defaultClass: "_1rsrm2f3k" }, "10": { defaultClass: "_1rsrm2f3l" }, "12": { defaultClass: "_1rsrm2f3m" }, "14": { defaultClass: "_1rsrm2f3n" }, "16": { defaultClass: "_1rsrm2f3o" }, "18": { defaultClass: "_1rsrm2f3p" }, "20": { defaultClass: "_1rsrm2f3q" }, "24": { defaultClass: "_1rsrm2f3r" }, "28": { defaultClass: "_1rsrm2f3s" }, "30": { defaultClass: "_1rsrm2f3t" }, "32": { defaultClass: "_1rsrm2f3u" }, "36": { defaultClass: "_1rsrm2f3v" }, "44": { defaultClass: "_1rsrm2f3w" }, "64": { defaultClass: "_1rsrm2f3x" }, "-1": { defaultClass: "_1rsrm2f3y" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f3z" }, "1": { defaultClass: "_1rsrm2f40" }, "2": { defaultClass: "_1rsrm2f41" }, "3": { defaultClass: "_1rsrm2f42" }, "4": { defaultClass: "_1rsrm2f43" }, "5": { defaultClass: "_1rsrm2f44" }, "6": { defaultClass: "_1rsrm2f45" }, "8": { defaultClass: "_1rsrm2f46" }, "10": { defaultClass: "_1rsrm2f47" }, "12": { defaultClass: "_1rsrm2f48" }, "14": { defaultClass: "_1rsrm2f49" }, "16": { defaultClass: "_1rsrm2f4a" }, "18": { defaultClass: "_1rsrm2f4b" }, "20": { defaultClass: "_1rsrm2f4c" }, "24": { defaultClass: "_1rsrm2f4d" }, "28": { defaultClass: "_1rsrm2f4e" }, "30": { defaultClass: "_1rsrm2f4f" }, "32": { defaultClass: "_1rsrm2f4g" }, "36": { defaultClass: "_1rsrm2f4h" }, "44": { defaultClass: "_1rsrm2f4i" }, "64": { defaultClass: "_1rsrm2f4j" }, "-1": { defaultClass: "_1rsrm2f4k" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4l" }, "1": { defaultClass: "_1rsrm2f4m" }, "2": { defaultClass: "_1rsrm2f4n" }, "3": { defaultClass: "_1rsrm2f4o" }, "4": { defaultClass: "_1rsrm2f4p" }, "5": { defaultClass: "_1rsrm2f4q" }, "6": { defaultClass: "_1rsrm2f4r" }, "8": { defaultClass: "_1rsrm2f4s" }, "10": { defaultClass: "_1rsrm2f4t" }, "12": { defaultClass: "_1rsrm2f4u" }, "14": { defaultClass: "_1rsrm2f4v" }, "16": { defaultClass: "_1rsrm2f4w" }, "18": { defaultClass: "_1rsrm2f4x" }, "20": { defaultClass: "_1rsrm2f4y" }, "24": { defaultClass: "_1rsrm2f4z" }, "28": { defaultClass: "_1rsrm2f50" }, "30": { defaultClass: "_1rsrm2f51" }, "32": { defaultClass: "_1rsrm2f52" }, "36": { defaultClass: "_1rsrm2f53" }, "44": { defaultClass: "_1rsrm2f54" }, "64": { defaultClass: "_1rsrm2f55" }, "-1": { defaultClass: "_1rsrm2f56" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f57" }, "1": { defaultClass: "_1rsrm2f58" }, "2": { defaultClass: "_1rsrm2f59" }, "3": { defaultClass: "_1rsrm2f5a" }, "4": { defaultClass: "_1rsrm2f5b" }, "5": { defaultClass: "_1rsrm2f5c" }, "6": { defaultClass: "_1rsrm2f5d" }, "8": { defaultClass: "_1rsrm2f5e" }, "10": { defaultClass: "_1rsrm2f5f" }, "12": { defaultClass: "_1rsrm2f5g" }, "14": { defaultClass: "_1rsrm2f5h" }, "16": { defaultClass: "_1rsrm2f5i" }, "18": { defaultClass: "_1rsrm2f5j" }, "20": { defaultClass: "_1rsrm2f5k" }, "24": { defaultClass: "_1rsrm2f5l" }, "28": { defaultClass: "_1rsrm2f5m" }, "30": { defaultClass: "_1rsrm2f5n" }, "32": { defaultClass: "_1rsrm2f5o" }, "36": { defaultClass: "_1rsrm2f5p" }, "44": { defaultClass: "_1rsrm2f5q" }, "64": { defaultClass: "_1rsrm2f5r" }, "-1": { defaultClass: "_1rsrm2f5s" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5t" }, "2": { defaultClass: "_1rsrm2f5u" }, "4": { defaultClass: "_1rsrm2f5v" }, "8": { defaultClass: "_1rsrm2f5w" }, "12": { defaultClass: "_1rsrm2f5x" }, "20": { defaultClass: "_1rsrm2f5y" }, "24": { defaultClass: "_1rsrm2f5z" }, "28": { defaultClass: "_1rsrm2f60" }, "30": { defaultClass: "_1rsrm2f61" }, "32": { defaultClass: "_1rsrm2f62" }, "34": { defaultClass: "_1rsrm2f63" }, "36": { defaultClass: "_1rsrm2f64" }, "40": { defaultClass: "_1rsrm2f65" }, "44": { defaultClass: "_1rsrm2f66" }, "48": { defaultClass: "_1rsrm2f67" }, "54": { defaultClass: "_1rsrm2f68" }, "60": { defaultClass: "_1rsrm2f69" }, "93": { defaultClass: "_1rsrm2f6a" }, "100": { defaultClass: "_1rsrm2f6b" }, "108": { defaultClass: "_1rsrm2f6c" }, "162": { defaultClass: "_1rsrm2f6d" }, "192": { defaultClass: "_1rsrm2f6e" }, "200": { defaultClass: "_1rsrm2f6f" }, "210": { defaultClass: "_1rsrm2f6g" }, "220": { defaultClass: "_1rsrm2f6h" }, "230": { defaultClass: "_1rsrm2f6i" }, "240": { defaultClass: "_1rsrm2f6j" }, "256": { defaultClass: "_1rsrm2f6k" }, "320": { defaultClass: "_1rsrm2f6l" }, "400": { defaultClass: "_1rsrm2f6m" }, "440": { defaultClass: "_1rsrm2f6n" }, "600": { defaultClass: "_1rsrm2f6o" }, half: { defaultClass: "_1rsrm2f6p" }, full: { defaultClass: "_1rsrm2f6q" }, max: { defaultClass: "_1rsrm2f6r" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f6s" }, "2": { defaultClass: "_1rsrm2f6t" }, "4": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "12": { defaultClass: "_1rsrm2f6w" }, "20": { defaultClass: "_1rsrm2f6x" }, "24": { defaultClass: "_1rsrm2f6y" }, "28": { defaultClass: "_1rsrm2f6z" }, "30": { defaultClass: "_1rsrm2f70" }, "32": { defaultClass: "_1rsrm2f71" }, "34": { defaultClass: "_1rsrm2f72" }, "36": { defaultClass: "_1rsrm2f73" }, "40": { defaultClass: "_1rsrm2f74" }, "44": { defaultClass: "_1rsrm2f75" }, "48": { defaultClass: "_1rsrm2f76" }, "54": { defaultClass: "_1rsrm2f77" }, "60": { defaultClass: "_1rsrm2f78" }, "93": { defaultClass: "_1rsrm2f79" }, "100": { defaultClass: "_1rsrm2f7a" }, "108": { defaultClass: "_1rsrm2f7b" }, "162": { defaultClass: "_1rsrm2f7c" }, "192": { defaultClass: "_1rsrm2f7d" }, "200": { defaultClass: "_1rsrm2f7e" }, "210": { defaultClass: "_1rsrm2f7f" }, "220": { defaultClass: "_1rsrm2f7g" }, "230": { defaultClass: "_1rsrm2f7h" }, "240": { defaultClass: "_1rsrm2f7i" }, "256": { defaultClass: "_1rsrm2f7j" }, "320": { defaultClass: "_1rsrm2f7k" }, "400": { defaultClass: "_1rsrm2f7l" }, "440": { defaultClass: "_1rsrm2f7m" }, "600": { defaultClass: "_1rsrm2f7n" }, half: { defaultClass: "_1rsrm2f7o" }, full: { defaultClass: "_1rsrm2f7p" }, max: { defaultClass: "_1rsrm2f7q" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f7r" }, "2": { defaultClass: "_1rsrm2f7s" }, "4": { defaultClass: "_1rsrm2f7t" }, "8": { defaultClass: "_1rsrm2f7u" }, "12": { defaultClass: "_1rsrm2f7v" }, "20": { defaultClass: "_1rsrm2f7w" }, "24": { defaultClass: "_1rsrm2f7x" }, "28": { defaultClass: "_1rsrm2f7y" }, "30": { defaultClass: "_1rsrm2f7z" }, "32": { defaultClass: "_1rsrm2f80" }, "34": { defaultClass: "_1rsrm2f81" }, "36": { defaultClass: "_1rsrm2f82" }, "40": { defaultClass: "_1rsrm2f83" }, "44": { defaultClass: "_1rsrm2f84" }, "48": { defaultClass: "_1rsrm2f85" }, "54": { defaultClass: "_1rsrm2f86" }, "60": { defaultClass: "_1rsrm2f87" }, "93": { defaultClass: "_1rsrm2f88" }, "100": { defaultClass: "_1rsrm2f89" }, "108": { defaultClass: "_1rsrm2f8a" }, "162": { defaultClass: "_1rsrm2f8b" }, "192": { defaultClass: "_1rsrm2f8c" }, "200": { defaultClass: "_1rsrm2f8d" }, "210": { defaultClass: "_1rsrm2f8e" }, "220": { defaultClass: "_1rsrm2f8f" }, "230": { defaultClass: "_1rsrm2f8g" }, "240": { defaultClass: "_1rsrm2f8h" }, "256": { defaultClass: "_1rsrm2f8i" }, "320": { defaultClass: "_1rsrm2f8j" }, "400": { defaultClass: "_1rsrm2f8k" }, "440": { defaultClass: "_1rsrm2f8l" }, "600": { defaultClass: "_1rsrm2f8m" }, half: { defaultClass: "_1rsrm2f8n" }, full: { defaultClass: "_1rsrm2f8o" }, max: { defaultClass: "_1rsrm2f8p" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f8q" }, "2": { defaultClass: "_1rsrm2f8r" }, "4": { defaultClass: "_1rsrm2f8s" }, "8": { defaultClass: "_1rsrm2f8t" }, "12": { defaultClass: "_1rsrm2f8u" }, "20": { defaultClass: "_1rsrm2f8v" }, "24": { defaultClass: "_1rsrm2f8w" }, "28": { defaultClass: "_1rsrm2f8x" }, "30": { defaultClass: "_1rsrm2f8y" }, "32": { defaultClass: "_1rsrm2f8z" }, "34": { defaultClass: "_1rsrm2f90" }, "36": { defaultClass: "_1rsrm2f91" }, "40": { defaultClass: "_1rsrm2f92" }, "44": { defaultClass: "_1rsrm2f93" }, "48": { defaultClass: "_1rsrm2f94" }, "54": { defaultClass: "_1rsrm2f95" }, "60": { defaultClass: "_1rsrm2f96" }, "93": { defaultClass: "_1rsrm2f97" }, "100": { defaultClass: "_1rsrm2f98" }, "108": { defaultClass: "_1rsrm2f99" }, "162": { defaultClass: "_1rsrm2f9a" }, "192": { defaultClass: "_1rsrm2f9b" }, "200": { defaultClass: "_1rsrm2f9c" }, "210": { defaultClass: "_1rsrm2f9d" }, "220": { defaultClass: "_1rsrm2f9e" }, "230": { defaultClass: "_1rsrm2f9f" }, "240": { defaultClass: "_1rsrm2f9g" }, "256": { defaultClass: "_1rsrm2f9h" }, "320": { defaultClass: "_1rsrm2f9i" }, "400": { defaultClass: "_1rsrm2f9j" }, "440": { defaultClass: "_1rsrm2f9k" }, "600": { defaultClass: "_1rsrm2f9l" }, half: { defaultClass: "_1rsrm2f9m" }, full: { defaultClass: "_1rsrm2f9n" }, max: { defaultClass: "_1rsrm2f9o" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2f9p" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2f9q" }, "1": { defaultClass: "_1rsrm2f9r" }, "2": { defaultClass: "_1rsrm2f9s" }, "3": { defaultClass: "_1rsrm2f9t" }, "4": { defaultClass: "_1rsrm2f9u" }, "5": { defaultClass: "_1rsrm2f9v" }, "6": { defaultClass: "_1rsrm2f9w" }, "8": { defaultClass: "_1rsrm2f9x" }, "10": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "14": { defaultClass: "_1rsrm2fa0" }, "16": { defaultClass: "_1rsrm2fa1" }, "18": { defaultClass: "_1rsrm2fa2" }, "20": { defaultClass: "_1rsrm2fa3" }, "24": { defaultClass: "_1rsrm2fa4" }, "28": { defaultClass: "_1rsrm2fa5" }, "30": { defaultClass: "_1rsrm2fa6" }, "32": { defaultClass: "_1rsrm2fa7" }, "36": { defaultClass: "_1rsrm2fa8" }, "44": { defaultClass: "_1rsrm2fa9" }, "64": { defaultClass: "_1rsrm2faa" }, "-1": { defaultClass: "_1rsrm2fab" } } }, paddingLeft: { 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" } } }, paddingRight: { 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" } } }, paddingTop: { 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" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fc6" }, fixed: { defaultClass: "_1rsrm2fc7" }, relative: { defaultClass: "_1rsrm2fc8" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fc9" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fca" }, transform: { defaultClass: "_1rsrm2fcb" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcc" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcd" }, "2": { defaultClass: "_1rsrm2fce" }, "4": { defaultClass: "_1rsrm2fcf" }, "8": { defaultClass: "_1rsrm2fcg" }, "12": { defaultClass: "_1rsrm2fch" }, "20": { defaultClass: "_1rsrm2fci" }, "24": { defaultClass: "_1rsrm2fcj" }, "28": { defaultClass: "_1rsrm2fck" }, "30": { defaultClass: "_1rsrm2fcl" }, "32": { defaultClass: "_1rsrm2fcm" }, "34": { defaultClass: "_1rsrm2fcn" }, "36": { defaultClass: "_1rsrm2fco" }, "40": { defaultClass: "_1rsrm2fcp" }, "44": { defaultClass: "_1rsrm2fcq" }, "48": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "60": { defaultClass: "_1rsrm2fct" }, "93": { defaultClass: "_1rsrm2fcu" }, "100": { defaultClass: "_1rsrm2fcv" }, "108": { defaultClass: "_1rsrm2fcw" }, "162": { defaultClass: "_1rsrm2fcx" }, "192": { defaultClass: "_1rsrm2fcy" }, "200": { defaultClass: "_1rsrm2fcz" }, "210": { defaultClass: "_1rsrm2fd0" }, "220": { defaultClass: "_1rsrm2fd1" }, "230": { defaultClass: "_1rsrm2fd2" }, "240": { defaultClass: "_1rsrm2fd3" }, "256": { defaultClass: "_1rsrm2fd4" }, "320": { defaultClass: "_1rsrm2fd5" }, "400": { defaultClass: "_1rsrm2fd6" }, "440": { defaultClass: "_1rsrm2fd7" }, "600": { defaultClass: "_1rsrm2fd8" }, half: { defaultClass: "_1rsrm2fd9" }, full: { defaultClass: "_1rsrm2fda" }, max: { defaultClass: "_1rsrm2fdb" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fdc" } } } } });
+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)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", 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)" }, fonts: { body: "var(--rk-fonts-body)" }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" } };
 // src/css/touchableStyles.css.ts
 var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -538,7 +538,7 @@ var FunkitWalletContext = createContext3({
   startAssetsListener: () => void 0,
   stopAssetsListener: () => void 0
 });
-var FETCH_ASSETS_INTERVAL_MS = 5e3;
+var FETCH_ASSETS_INTERVAL_MS = 4e3;
 function FunkitWalletProvider({ children }) {
   const intervalRef = useRef2();
   const { connector } = useAccount3();
@@ -13417,10 +13417,22 @@ function useFunkitConfig() {
 }
 // src/components/FunkitWeb2Provider/FunkitWeb2Provider.tsx
+function removeURLParameters() {
+  if (window.history.pushState) {
+    const cleanUrl = window.location.protocol + "//" + window.location.host + window.location.pathname;
+    window.history.pushState({ path: cleanUrl }, "", cleanUrl);
+  }
+}
 var PRIVY_ERROR_CODES = {
   INVALID_CREDENTIALS: "invalid_credentials",
   NETWORK_ERROR: "network_error"
 };
+var privyOauthProvider = {
+  GOOGLE: "google",
+  APPLE: "apple",
+  TWITTER: "twitter",
+  EMAIL: "email"
+};
 var FunkitWeb2Context = createContext7({
   privy: null,
   loading: false,
@@ -13435,14 +13447,21 @@ var FunkitWeb2Context = createContext7({
   setCodeInput: () => void 0,
   sendOTPCode: () => Promise.resolve(false),
   verifyOTPCode: () => Promise.resolve(false),
+  handleOauthRedirect: () => void 0,
   user: null,
-  userEmail: "loading...",
+  userEmail: {
+    type: "email",
+    label: "email",
+    value: "loading...",
+    id: "loading..."
+  },
   token: null,
   refreshToken: null,
   logout: () => void 0
 });
 var PRIVY_EXPIRY_TIME = 6e5;
 var PRIVY_CACHE_CODE = "privy:email:time";
+var LOGIN_TYPE_CACHE = "loginType";
 var FunkitWeb2Provider = ({
   children
 }) => {
@@ -13454,7 +13473,7 @@ var FunkitWeb2Provider = ({
   const [privy, setPrivy] = useState4(null);
   const [loading, setLoading] = useState4(false);
   const [verifying, setVerifying] = useState4(false);
-  const [loginType, setLoginType] = useState4("Email");
+  const [loginType, setLoginTypeState] = useState4("Email");
   const [loginInput, setLoginInput] = useState4("");
   const isLoginInputValid = useMemo4(() => {
     const result = validateOTPInput(loginInput);
@@ -13467,6 +13486,22 @@ var FunkitWeb2Provider = ({
   const [refreshToken, setRefreshToken] = useState4(null);
   const [iframeUrl, setIframeUrl] = useState4("");
   const [init, setInit] = useState4(false);
+  useEffect5(() => {
+    try {
+      const cachedType = window.localStorage.getItem(LOGIN_TYPE_CACHE);
+      setLoginTypeState(cachedType ?? "Email");
+    } catch (e) {
+      console.log(e);
+    }
+  }, []);
+  const setLoginTypeAndCache = useCallback2((type) => {
+    setLoginTypeState(type);
+    try {
+      window.localStorage.setItem(LOGIN_TYPE_CACHE, type);
+    } catch (err) {
+      console.log("LocalStorage Set not supported", err);
+    }
+  }, []);
   const initializeEmbeddedWallet = useCallback2(
     async (privyInputClass, privyInputUser) => {
       const finalUser = privyInputUser ? privyInputUser : user;
@@ -13530,6 +13565,17 @@ var FunkitWeb2Provider = ({
     },
     [connectAsync, initialChainId, initializeEmbeddedWallet, privy, wallets]
   );
+  const handleMessage = useCallback2(
+    (e) => {
+      if (!privy)
+        return;
+      if (e.origin === "https://auth.privy.io") {
+        const iframeHandler = privy.embeddedWallet.getMessageHandler();
+        iframeHandler(e.data);
+      }
+    },
+    [privy]
+  );
   useEffect5(() => {
     if (!funkitConfig?.privyAppId) {
       throw new Error(
@@ -13537,6 +13583,7 @@ var FunkitWeb2Provider = ({
       );
     }
     if (!privy) {
+      console.log(">privy init");
       const privyClass = new PrivyJS({
         appId: funkitConfig?.privyAppId,
         storage: new LocalStorage()
@@ -13551,32 +13598,38 @@ var FunkitWeb2Provider = ({
       );
       privy.setMessagePoster(iframe.contentWindow);
       setInit(true);
-      privy.user.get().then(async (res) => {
+      const handlePrivyLogin = async () => {
+        const queryParams = new URLSearchParams(window.location.search);
+        const oauthCode = queryParams.get("privy_oauth_code");
+        const oauthState = queryParams.get("privy_oauth_state");
+        if (oauthCode && oauthState) {
+          const session = await privy.auth.oauth.loginWithCode(
+            oauthCode,
+            oauthState
+          );
+          setUser(session.user);
+          removeURLParameters();
+          return await handleWeb2Login(session.user);
+        }
+        const res = await privy.user.get();
         if (!res.user) {
           return false;
         }
         setUser(res.user);
-        setToken(res.token);
-        setRefreshToken(res.refreshToken);
         return await handleWeb2Login(res.user);
-      }).catch((err) => {
+      };
+      handlePrivyLogin().catch((err) => {
         if (err.code === "missing_or_invalid_token") {
-          return;
+          return err;
         }
         console.error("Funkit Error: Couldn't fetch user session ", err);
       });
     }
-    const handleMessage = (e) => {
-      if (privy) {
-        const iframeHandler = privy.embeddedWallet.getMessageHandler();
-        iframeHandler(e.data);
-      }
-    };
     window.addEventListener("message", handleMessage);
     return () => {
       window.removeEventListener("message", handleMessage);
     };
-  }, [privy, iframeUrl, init, funkitConfig, handleWeb2Login]);
+  }, [privy, iframeUrl, init, funkitConfig, handleWeb2Login, handleMessage]);
   const sendOTPCode = async (forceResend = false) => {
     if (!privy) {
       throw new Error("Privy not initialized");
@@ -13601,6 +13654,7 @@ var FunkitWeb2Provider = ({
             PRIVY_CACHE_CODE,
             `${loginInput}:${new Date().getTime()}`
           );
+          setLoginTypeAndCache("Email");
           return true;
         }
         return false;
@@ -13680,6 +13734,34 @@ var FunkitWeb2Provider = ({
       loginInput
     ]
   );
+  const OauthLogin = useCallback2(
+    async (authProvider) => {
+      if (!privy) {
+        throw new Error("Privy not initialized");
+      }
+      if (!authProvider)
+        console.warn("Oauth: No provider specified, defaulting to google");
+      setLoginTypeAndCache(authProvider);
+      try {
+        const provider = authProvider || "google";
+        const redirectURI = `${window.location.origin}`;
+        console.log("Oauth: Redirecting to", provider, redirectURI);
+        const oauthURL = await privy.auth.oauth.generateURL(
+          provider,
+          redirectURI
+        );
+        window.location.assign(oauthURL.url);
+      } catch (e) {
+        console.error("Oauth: Redirect failed", e);
+        return false;
+      }
+    },
+    [privy, setLoginTypeAndCache]
+  );
+  const resetInputs = useCallback2(() => {
+    setLoginInput("");
+    setLoginTypeState("Email");
+  }, [setLoginInput, setLoginTypeState]);
   const logout = useCallback2(() => {
     if (privy) {
       privy.auth.logout();
@@ -13687,23 +13769,75 @@ var FunkitWeb2Provider = ({
       setToken(null);
       setRefreshToken(null);
       resetInputs();
+      try {
+        window.localStorage.removeItem(PRIVY_CACHE_CODE);
+        window.localStorage.removeItem(LOGIN_TYPE_CACHE);
+      } catch (e) {
+        console.log("LocalStorage remove not supported", e);
+      }
     }
-  }, [privy]);
-  const resetInputs = () => {
-    setLoginInput("");
-    setLoginType("Email");
-  };
+  }, [privy, resetInputs]);
   const userEmail = useMemo4(() => {
-    if (user) {
-      const linkedAccount = user.linked_accounts.find(
-        (account) => account.type === "email"
-      );
-      if (linkedAccount) {
-        return linkedAccount.address;
+    if (user && user.linked_accounts) {
+      const linkedAccount = user.linked_accounts.map((account) => {
+        switch (account.type) {
+          case "email":
+            return {
+              type: privyOauthProvider.EMAIL,
+              label: "Email",
+              value: account.address,
+              id: account.address
+            };
+          case "google_oauth":
+            return {
+              type: privyOauthProvider.GOOGLE,
+              label: "Email",
+              value: account.email,
+              id: account.email
+            };
+          case "twitter_oauth":
+            return {
+              type: privyOauthProvider.TWITTER,
+              label: "Twitter ID",
+              value: account.name,
+              id: account.username
+            };
+          case "apple_oauth":
+            return {
+              type: privyOauthProvider.APPLE,
+              label: "Apple ID",
+              value: account.email,
+              id: account.email
+            };
+          case "wallet":
+            return {
+              type: "wallet",
+              label: "Wallet",
+              value: account.address,
+              id: account.address
+            };
+          default:
+            return {
+              type: "unknown",
+              label: "Unknown",
+              value: "Unknown",
+              id: "Unknown"
+            };
+        }
+      });
+      if (linkedAccount && linkedAccount.length > 0) {
+        return linkedAccount.find(
+          (account) => account?.type?.toLowerCase() === loginType?.toLowerCase()
+        ) ?? { label: "Unknown", value: "Unknown", id: "Unknown" };
       }
     }
-    return "loading...";
-  }, [user]);
+    return {
+      type: "unknown",
+      label: "Email",
+      value: "loading...",
+      id: "loading..."
+    };
+  }, [loginType, user]);
   const contextValue = {
     privy,
     loading,
@@ -13718,6 +13852,7 @@ var FunkitWeb2Provider = ({
     setCodeInput: (value) => setOtpCode(value),
     sendOTPCode,
     verifyOTPCode,
+    handleOauthRedirect: OauthLogin,
     user,
     userEmail,
     token,
@@ -13751,7 +13886,7 @@ var DropdownIcon = () => /* @__PURE__ */ React12.createElement("svg", {
 }));
 // src/components/ConnectButton/ConnectButtonRenderer.tsx
-import React130, { useContext as useContext21 } from "react";
+import React131, { useContext as useContext21 } from "react";
 import { useAccount as useAccount15, useBalance as useBalance2, useNetwork as useNetwork10 } from "wagmi";
 // src/hooks/useIsMounted.ts
@@ -13994,7 +14129,7 @@ function useRecentTransactions() {
 }
 // src/components/FunkitProvider/ModalContext.tsx
-import React129, {
+import React130, {
   createContext as createContext16,
   useCallback as useCallback24,
   useContext as useContext20,
@@ -14234,6 +14369,7 @@ import {
   getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout2,
   getCheckoutQuote as getApiCheckoutQuote,
   getCheckoutsByFunWalletAddress,
+  getMoonpayBuyQuoteForCreditCard,
   initializeCheckout as postApiInitializeCheckout,
   isAddress as isAddress2
 } from "@funkit/core";
@@ -14263,8 +14399,163 @@ import {
   Token
 } from "@funkit/core";
 import { fetchBalance } from "@wagmi/core";
+// src/utils/formatNumber.ts
+var FORMAT_NUMBER_DEFAULT = {
+  minBeforeUseScientific: 1e-5,
+  maxBeforeAggresiveDecimalTruncation: 1,
+  softDecimalPrecision: 5,
+  aggresiveDecimalPrecision: 5,
+  maxBeforeUseSuffix: 1e6,
+  decimalPrecisionForSuffix: 5,
+  maxSuffixSize: 1e6,
+  maxNumberPartSizeForSuffix: 1e3
+};
+function formatNumberAndStringify(number, options = FORMAT_NUMBER_DEFAULT, numberFormatOptions = {}) {
+  const {
+    minBeforeUseScientific,
+    softDecimalPrecision,
+    maxBeforeAggresiveDecimalTruncation,
+    aggresiveDecimalPrecision,
+    maxBeforeUseSuffix,
+    decimalPrecisionForSuffix,
+    maxSuffixSize,
+    maxNumberPartSizeForSuffix,
+    minimumSignificantDigits = 5
+  } = { ...FORMAT_NUMBER_DEFAULT, ...options };
+  if (number === 0) {
+    return number.toLocaleString("en", { ...numberFormatOptions });
+  }
+  if (!number) {
+    return "";
+  }
+  const absoluteNumber = Math.abs(number);
+  const roundedForSuffix = absoluteNumber.toFixed(decimalPrecisionForSuffix);
+  if (Number(roundedForSuffix) >= maxBeforeUseSuffix) {
+    return _formatTruncated(
+      number,
+      decimalPrecisionForSuffix,
+      false,
+      true,
+      maxSuffixSize,
+      maxNumberPartSizeForSuffix,
+      numberFormatOptions
+    );
+  }
+  if (absoluteNumber >= maxBeforeAggresiveDecimalTruncation) {
+    return number.toLocaleString("en", {
+      maximumFractionDigits: aggresiveDecimalPrecision,
+      ...numberFormatOptions
+    });
+  }
+  if (absoluteNumber < minBeforeUseScientific) {
+    return number.toLocaleString("en", {
+      notation: "scientific",
+      maximumFractionDigits: aggresiveDecimalPrecision,
+      ...numberFormatOptions
+    });
+  }
+  return number.toLocaleString("en", {
+    maximumFractionDigits: softDecimalPrecision,
+    minimumSignificantDigits,
+    maximumSignificantDigits: minimumSignificantDigits,
+    ...numberFormatOptions
+  });
+}
+function formatCurrencyAndStringify(amount, options = {}, numberFormatOptions = {}) {
+  const defaultOptions = {
+    maxSuffixSize: 1e12,
+    minBeforeUseScientific: 1e-6,
+    decimalPrecisionForSuffix: 2,
+    aggresiveDecimalPrecision: 2,
+    softDecimalPrecision: 6,
+    minimumSignificantDigits: 2
+  };
+  const defaultNumberFormatOptions = {
+    style: "currency",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2,
+    compactDisplay: "long"
+  };
+  const formattedAsString = formatNumberAndStringify(
+    amount,
+    { ...defaultOptions, ...options },
+    {
+      ...defaultNumberFormatOptions,
+      ...numberFormatOptions
+    }
+  );
+  return formattedAsString;
+}
+function formatCryptoAndStringify(amount, platform = "", useCurrencyAbbreviation = true, options) {
+  const formattedAsString = formatNumberAndStringify(amount, options);
+  const abbr = platform;
+  let result = formattedAsString;
+  if (useCurrencyAbbreviation && abbr) {
+    result = `${formattedAsString} ${abbr}`;
+  }
+  return result;
+}
+function _formatTruncated(value, precision = 2, keepTrailingZeros = false, useComma = false, maxSuffixValue = 1e12, maxNumberPartSizeForSuffix = 1e3, numberFormatOptions = {}) {
+  value = +value;
+  if (Number.isNaN(value)) {
+    throw new Error("invalid number for `value` passed in to `formatTruncated`");
+  }
+  const negative = value < 0;
+  value = Math.abs(value);
+  function getFormattedNumberPartAndSuffix(divideBy, suffixStr = "", nextSuffixStr = "") {
+    const dividedVal = value / divideBy;
+    const rawDividedValRounded = dividedVal.toFixed(precision);
+    const useScientific = Number(rawDividedValRounded) >= maxNumberPartSizeForSuffix || divideBy === 1e12 && Number(rawDividedValRounded) >= 1e3;
+    const incrementToNextSuffix = maxSuffixValue > divideBy && Number(rawDividedValRounded) >= 1e3;
+    const suffix2 = !incrementToNextSuffix ? suffixStr : nextSuffixStr;
+    const dividedValRounded = !incrementToNextSuffix ? rawDividedValRounded : (Number(rawDividedValRounded) / 1e3).toFixed(precision);
+    if (useComma || useScientific) {
+      return [
+        Number(dividedValRounded).toLocaleString("en", {
+          ...useScientific && Number(dividedValRounded) !== 1 && { notation: "scientific" },
+          maximumFractionDigits: precision,
+          ...numberFormatOptions
+        }),
+        suffix2
+      ];
+    }
+    return [dividedValRounded, suffix2];
+  }
+  let [formatted, suffix] = getFormattedNumberPartAndSuffix(1, "", "K");
+  if (value >= 1e3 && (value < 1e6 || maxSuffixValue === 1e3)) {
+    ;
+    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e3, "K", "M");
+  } else if (value >= 1e6 && (value < 1e9 || maxSuffixValue === 1e6)) {
+    ;
+    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e6, "M", "B");
+  } else if (value >= 1e9 && (value < 1e12 || maxSuffixValue === 1e9)) {
+    ;
+    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e9, "B", "T");
+  } else if (value >= 1e12) {
+    ;
+    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e12, "T");
+  }
+  if (!keepTrailingZeros && !formatted?.includes("E")) {
+    const [before, after] = formatted.split(".");
+    const trimmedAfter = after?.replace(/0+$/gm, "");
+    formatted = before;
+    if (trimmedAfter?.length > 0) {
+      formatted += "." + trimmedAfter;
+    }
+  }
+  if (negative) {
+    formatted = "-" + formatted;
+  }
+  formatted += suffix;
+  return formatted;
+}
+// src/utils/checkout.ts
 var CHECKOUT_EXPIRATION_TIMESTAMP_UPPERBOUND = 36e5;
 var CHECKOUT_EXPIRATION_TIMESTAMP_LOWERBOUND = 3e5;
+var MOONPAY_TIME_ESTIMATE_MS = 12e4;
 function validateCheckoutConfig(config) {
   if (!config.checkoutItemTitle) {
     return {
@@ -14301,17 +14592,14 @@ function validateCheckoutConfig(config) {
     message: "Valid checkout configuration, proceeding..."
   };
 }
-var testAutoExecutionDuringCheckout = async (config, chainItem, wallet) => {
+var testAutoExecutionDuringCheckout = async (config, wallet) => {
   const { targetAsset, targetAssetAmount, targetChain } = config;
-  if (targetChain !== `${chainItem.id}`) {
-    return { result: false, tokenTicker: null };
-  }
   try {
     const tokenAddress = targetAsset.toLowerCase() === FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS.toLowerCase() ? void 0 : targetAsset;
     const data = await fetchBalance({
       address: await wallet.getAddress(),
       token: tokenAddress,
-      chainId: chainItem.id
+      chainId: Number(targetChain)
     });
     if (parseFloat(data.formatted) >= targetAssetAmount) {
       return { result: true, tokenTicker: data.symbol };
@@ -14327,20 +14615,6 @@ async function getTokenAddress(tokenTicker, chainId) {
   const token = new Token(tokenTicker, chain);
   return await token.getAddress();
 }
-function getFunkitEnvForDirectExecution({
-  chainId
-}) {
-  const existingGlobalEnvOptions = getEnvOptions();
-  const originalEnvOptions = existingGlobalEnvOptions || { gasSponsor: {} };
-  const newConfig = {
-    ...originalEnvOptions,
-    chain: chainId,
-    gasSponsor: {
-      ...originalEnvOptions.gasSponsor
-    }
-  };
-  return newConfig;
-}
 function getFunkitEnvForCheckoutEstimation({
   chainId,
   bypassWalletInit
@@ -14425,6 +14699,13 @@ function getCheckoutStateStepNumber(state) {
     return 0;
   }
 }
+function formatTokenAmountForMoonpay(amount) {
+  return formatNumberAndStringify(
+    amount,
+    {},
+    { maximumFractionDigits: 2, minimumFractionDigits: 2 }
+  );
+}
 // src/components/FunPayments/FunPaymentMethods.tsx
 import React78, { useCallback as useCallback12, useMemo as useMemo16, useState as useState19 } from "react";
@@ -15547,11 +15828,6 @@ function useCheckoutAccountBalanceTransfer(checkoutId) {
             token: checkoutItem?.selectedSourceAssetInfo?.symbol,
             amount: tokenAmount
           };
-          console.log("funWallet", funWallet);
-          console.log("funWalletAuth", funWalletAuth);
-          console.log("newConfig", newConfig);
-          console.log("userId", userId);
-          console.log("transferParams", transferParams);
           const transferOp = await funWallet.transfer(
             funWalletAuth,
             userId,
@@ -15562,173 +15838,28 @@ function useCheckoutAccountBalanceTransfer(checkoutId) {
           return {
             rFunWallet: funWallet,
             rFunWalletAuth: funWalletAuth,
-            transferOp
+            transferOp,
+            envConfig: newConfig
           };
         }
       }
-      return { rFunWallet: null, rFunWalletAuth: null, transferOp: null };
+      return {
+        rFunWallet: null,
+        rFunWalletAuth: null,
+        transferOp: null,
+        envConfig: null
+      };
     },
     [
-      checkoutItem?.selectedSourceAssetInfo.chainId,
-      checkoutItem?.selectedSourceAssetInfo?.symbol,
-      funWallet,
-      funWalletAuth
-    ]
-  );
-  return {
-    generateCheckoutTransferOpItems
-  };
-}
-// src/utils/formatNumber.ts
-var FORMAT_NUMBER_DEFAULT = {
-  minBeforeUseScientific: 1e-5,
-  maxBeforeAggresiveDecimalTruncation: 1,
-  softDecimalPrecision: 5,
-  aggresiveDecimalPrecision: 5,
-  maxBeforeUseSuffix: 1e6,
-  decimalPrecisionForSuffix: 5,
-  maxSuffixSize: 1e6,
-  maxNumberPartSizeForSuffix: 1e3
-};
-function formatNumberAndStringify(number, options = FORMAT_NUMBER_DEFAULT, numberFormatOptions = {}) {
-  const {
-    minBeforeUseScientific,
-    softDecimalPrecision,
-    maxBeforeAggresiveDecimalTruncation,
-    aggresiveDecimalPrecision,
-    maxBeforeUseSuffix,
-    decimalPrecisionForSuffix,
-    maxSuffixSize,
-    maxNumberPartSizeForSuffix,
-    minimumSignificantDigits = 5
-  } = { ...FORMAT_NUMBER_DEFAULT, ...options };
-  if (number === 0) {
-    return number.toLocaleString("en", { ...numberFormatOptions });
-  }
-  if (!number) {
-    return "";
-  }
-  const absoluteNumber = Math.abs(number);
-  const roundedForSuffix = absoluteNumber.toFixed(decimalPrecisionForSuffix);
-  if (Number(roundedForSuffix) >= maxBeforeUseSuffix) {
-    return _formatTruncated(
-      number,
-      decimalPrecisionForSuffix,
-      false,
-      true,
-      maxSuffixSize,
-      maxNumberPartSizeForSuffix,
-      numberFormatOptions
-    );
-  }
-  if (absoluteNumber >= maxBeforeAggresiveDecimalTruncation) {
-    return number.toLocaleString("en", {
-      maximumFractionDigits: aggresiveDecimalPrecision,
-      ...numberFormatOptions
-    });
-  }
-  if (absoluteNumber < minBeforeUseScientific) {
-    return number.toLocaleString("en", {
-      notation: "scientific",
-      maximumFractionDigits: aggresiveDecimalPrecision,
-      ...numberFormatOptions
-    });
-  }
-  return number.toLocaleString("en", {
-    maximumFractionDigits: softDecimalPrecision,
-    minimumSignificantDigits,
-    maximumSignificantDigits: minimumSignificantDigits,
-    ...numberFormatOptions
-  });
-}
-function formatCurrencyAndStringify(amount, options = {}, numberFormatOptions = {}) {
-  const defaultOptions = {
-    maxSuffixSize: 1e12,
-    minBeforeUseScientific: 1e-6,
-    decimalPrecisionForSuffix: 2,
-    aggresiveDecimalPrecision: 2,
-    softDecimalPrecision: 6,
-    minimumSignificantDigits: 2
-  };
-  const defaultNumberFormatOptions = {
-    style: "currency",
-    currency: "USD",
-    maximumFractionDigits: 2,
-    compactDisplay: "long"
-  };
-  const formattedAsString = formatNumberAndStringify(
-    amount,
-    { ...defaultOptions, ...options },
-    {
-      ...defaultNumberFormatOptions,
-      ...numberFormatOptions
-    }
-  );
-  return formattedAsString;
-}
-function formatCryptoAndStringify(amount, platform = "", useCurrencyAbbreviation = true, options) {
-  const formattedAsString = formatNumberAndStringify(amount, options);
-  const abbr = platform;
-  let result = formattedAsString;
-  if (useCurrencyAbbreviation && abbr) {
-    result = `${formattedAsString} ${abbr}`;
-  }
-  return result;
-}
-function _formatTruncated(value, precision = 2, keepTrailingZeros = false, useComma = false, maxSuffixValue = 1e12, maxNumberPartSizeForSuffix = 1e3, numberFormatOptions = {}) {
-  value = +value;
-  if (Number.isNaN(value)) {
-    throw new Error("invalid number for `value` passed in to `formatTruncated`");
-  }
-  const negative = value < 0;
-  value = Math.abs(value);
-  function getFormattedNumberPartAndSuffix(divideBy, suffixStr = "", nextSuffixStr = "") {
-    const dividedVal = value / divideBy;
-    const rawDividedValRounded = dividedVal.toFixed(precision);
-    const useScientific = Number(rawDividedValRounded) >= maxNumberPartSizeForSuffix || divideBy === 1e12 && Number(rawDividedValRounded) >= 1e3;
-    const incrementToNextSuffix = maxSuffixValue > divideBy && Number(rawDividedValRounded) >= 1e3;
-    const suffix2 = !incrementToNextSuffix ? suffixStr : nextSuffixStr;
-    const dividedValRounded = !incrementToNextSuffix ? rawDividedValRounded : (Number(rawDividedValRounded) / 1e3).toFixed(precision);
-    if (useComma || useScientific) {
-      return [
-        Number(dividedValRounded).toLocaleString("en", {
-          ...useScientific && Number(dividedValRounded) !== 1 && { notation: "scientific" },
-          maximumFractionDigits: precision,
-          ...numberFormatOptions
-        }),
-        suffix2
-      ];
-    }
-    return [dividedValRounded, suffix2];
-  }
-  let [formatted, suffix] = getFormattedNumberPartAndSuffix(1, "", "K");
-  if (value >= 1e3 && (value < 1e6 || maxSuffixValue === 1e3)) {
-    ;
-    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e3, "K", "M");
-  } else if (value >= 1e6 && (value < 1e9 || maxSuffixValue === 1e6)) {
-    ;
-    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e6, "M", "B");
-  } else if (value >= 1e9 && (value < 1e12 || maxSuffixValue === 1e9)) {
-    ;
-    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e9, "B", "T");
-  } else if (value >= 1e12) {
-    ;
-    [formatted, suffix] = getFormattedNumberPartAndSuffix(1e12, "T");
-  }
-  if (!keepTrailingZeros && !formatted?.includes("E")) {
-    const [before, after] = formatted.split(".");
-    const trimmedAfter = after?.replace(/0+$/gm, "");
-    formatted = before;
-    if (trimmedAfter?.length > 0) {
-      formatted += "." + trimmedAfter;
-    }
-  }
-  if (negative) {
-    formatted = "-" + formatted;
-  }
-  formatted += suffix;
-  return formatted;
+      checkoutItem?.selectedSourceAssetInfo.chainId,
+      checkoutItem?.selectedSourceAssetInfo?.symbol,
+      funWallet,
+      funWalletAuth
+    ]
+  );
+  return {
+    generateCheckoutTransferOpItems
+  };
 }
 // src/components/FunTermsAndConditionsTextButton/FunTermsAndConditionsTextButton.tsx
@@ -15740,6 +15871,7 @@ import React36 from "react";
 // src/components/FunButton/FunButton.css.ts
 var funIconButtonStyle = "_1tyx5nu2";
 var funLinkButtonStyle = "_1tyx5nu0";
+var iconStyle = "_1tyx5nu3";
 // src/components/FunButton/FunLinkButton.tsx
 function FunLinkButton({
@@ -16096,7 +16228,7 @@ function FunCheckoutConfirmationStep({
   selectedPaymentMethodInfo,
   animateOut
 }) {
-  const { checkoutItem, confirmCheckout, handleWeb2DirectExecution } = useFunkitPreCheckoutInternal(checkoutId);
+  const { checkoutItem, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
   const funkitConfig = useFunkitConfig();
   const { fetchInfo: fetchMeshNetworkInfo } = useMeshActiveNetworkInfo(
     selectedPaymentMethodInfo?.meta?.accessToken?.brokerName
@@ -16105,6 +16237,7 @@ function FunCheckoutConfirmationStep({
     () => checkoutItem?.quoteErrorMessage !== "",
     [checkoutItem?.quoteErrorMessage]
   );
+  const { funWallet } = useFunkitWallet();
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
   const [isConfirming, setIsConfirming] = useState10(false);
   const [confirmationError, setConfirmationError] = useState10("");
@@ -16154,7 +16287,7 @@ function FunCheckoutConfirmationStep({
   );
   const handleAccountBalancePostCheckout = useCallback5(
     async (depositAddress) => {
-      const { rFunWallet, rFunWalletAuth, transferOp } = await generateCheckoutTransferOpItems(
+      const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
         depositAddress,
         checkoutItem?.latestQuote?.estTotalFromAmount || 0
       );
@@ -16169,11 +16302,14 @@ function FunCheckoutConfirmationStep({
         console.log(">transferOp.userOp", transferOp.userOp);
         const signedOp = await rFunWallet.signOperation(
           rFunWalletAuth,
-          transferOp
+          transferOp,
+          envConfig
         );
+        console.log(">signedOp", signedOp);
         const executionRes = await rFunWallet.executeOperation(
           rFunWalletAuth,
-          signedOp
+          signedOp,
+          envConfig
         );
         console.log("Execution result", executionRes);
       } else {
@@ -16229,16 +16365,14 @@ function FunCheckoutConfirmationStep({
     }
     try {
       setIsConfirming(true);
-      if (checkoutItem?.isDirectExecution) {
-        await handleWeb2DirectExecution();
-        onFinish?.("", 0, "");
-        return;
-      }
-      const depositAddress = await confirmCheckout?.(
-        selectedPaymentMethodInfo.paymentMethod
-      );
+      const targetChainId = checkoutItem?.initSettings.config.targetChain;
+      const sourceChainId = checkoutItem?.selectedSourceAssetInfo.chainId;
+      const isFunWalletInitializedOnTargetChain = await funWallet?.getDeploymentStatus({
+        chain: targetChainId
+      });
+      const shouldBatchOpBypassInit = selectedPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && !isFunWalletInitializedOnTargetChain && targetChainId === sourceChainId;
+      const depositAddress = await confirmCheckout?.(shouldBatchOpBypassInit);
       if (!depositAddress) {
-        setIsConfirming(false);
         throw new Error(
           "Invalid depositAddress - unable to proceed with checkout"
         );
@@ -16259,11 +16393,11 @@ function FunCheckoutConfirmationStep({
     }
   }, [
     selectedPaymentMethodInfo,
-    checkoutItem?.isDirectExecution,
+    checkoutItem?.initSettings.config.targetChain,
+    checkoutItem?.selectedSourceAssetInfo.chainId,
+    funWallet,
     confirmCheckout,
-    handlePostCheckout,
-    handleWeb2DirectExecution,
-    onFinish
+    handlePostCheckout
   ]);
   return /* @__PURE__ */ React43.createElement(Box, {
     display: "flex",
@@ -16827,7 +16961,11 @@ var FunIconButton = ({
   icon,
   size = "20",
   showBorder = true,
-  ariaLabel = "Button"
+  paddingX = "2",
+  paddingY = "2",
+  borderRadius = "full",
+  ariaLabel = "Button",
+  color = "modalText"
 }) => {
   return /* @__PURE__ */ React49.createElement(Box, {
     display: "flex",
@@ -16836,19 +16974,26 @@ var FunIconButton = ({
     "aria-label": ariaLabel,
     background: "modalBackground",
     borderColor: { base: "modalBorder", hover: "modalTextDim" },
-    borderRadius: "full",
+    borderRadius,
     borderStyle: "solid",
     borderWidth: showBorder ? "1" : "0",
+    paddingX,
+    paddingY,
     className: funIconButtonStyle,
-    color: "closeButton",
-    height: size,
-    width: size,
+    color,
     justifyContent: "center",
     onClick,
     style: { willChange: "transform" },
     transition: "default",
     type: "button"
-  }, icon);
+  }, /* @__PURE__ */ React49.createElement(Box, {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    height: size,
+    width: size,
+    className: iconStyle
+  }, icon));
 };
 // src/components/Icons/Close.tsx
@@ -16911,25 +17056,13 @@ var FunBackIcon = () => {
 // src/components/FunButton/FunBackButton.tsx
 var FunBackButton = ({ onBack }) => {
   const mobile = isMobile();
-  return /* @__PURE__ */ React53.createElement(Box, {
-    alignItems: "center",
-    as: "button",
-    background: "modalBackground",
-    borderColor: { base: "modalBorder", hover: "modalTextDim" },
-    borderRadius: "full",
-    borderStyle: "solid",
-    borderWidth: mobile ? "0" : "1",
-    className: funIconButtonStyle,
-    color: "closeButton",
-    display: "flex",
-    height: "24",
-    width: "24",
-    justifyContent: "center",
+  return /* @__PURE__ */ React53.createElement(FunIconButton, {
     onClick: onBack,
-    style: { willChange: "transform" },
-    transition: "default",
-    type: "button"
-  }, /* @__PURE__ */ React53.createElement(FunBackIcon, null));
+    icon: /* @__PURE__ */ React53.createElement(FunBackIcon, null),
+    ariaLabel: "Back",
+    showBorder: !mobile,
+    size: "24"
+  });
 };
 // src/components/FunModalTitleSection/FunModalTitleSection.css.ts
@@ -17974,12 +18107,13 @@ function FunPaymentMoonpayType({
   const [walletAddress, setWalletAddress] = useState16("");
   const { appName } = useAppInfoInternal();
   const funkitConfig = useFunkitConfig();
+  const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(depositTokenAmount);
   const fetchMoonpayUrl = async () => {
     const url = await handleGetMoonpayUrl(
       depositToken,
       parseInt(depositTokenChainId),
       paymentAddress,
-      depositTokenAmount.toString()
+      depositTokenAmountStringFormatted
     );
     const queryParams = new URLSearchParams(url.split("?")[1]);
     const _currencyCode = queryParams.get("currencyCode");
@@ -18026,7 +18160,7 @@ function FunPaymentMoonpayType({
     paddingBottom: "24"
   }, /* @__PURE__ */ React67.createElement(MoonPayBuyWidget, {
     variant: "embedded",
-    quoteCurrencyAmount: depositTokenAmount.toString(),
+    quoteCurrencyAmount: depositTokenAmountStringFormatted,
     currencyCode,
     walletAddress,
     onUrlSignatureRequested: handleGetSignature,
@@ -18123,10 +18257,13 @@ function LineItem({
     display: "flex",
     flexDirection: "row",
     gap: "8"
+  }, /* @__PURE__ */ React71.createElement(Box, {
+    display: "flex",
+    alignItems: "center"
   }, /* @__PURE__ */ React71.createElement(Text, {
     color: "modalText",
     size: "16"
-  }, value), valueSuffix ? /* @__PURE__ */ React71.createElement(Box, {
+  }, value)), valueSuffix ? /* @__PURE__ */ React71.createElement(Box, {
     display: "flex",
     alignItems: "center"
   }, valueSuffix) : null));
@@ -18235,8 +18372,8 @@ function FWSettings({
     paddingBottom: "28",
     className: animateOut ? animateContentOutClass5 : animateContentInClass5
   }, /* @__PURE__ */ React71.createElement(LineItem, {
-    label: "Email",
-    value: userEmail
+    label: userEmail.label,
+    value: userEmail.id
   }), /* @__PURE__ */ React71.createElement(LineItem, {
     label: "Address",
     value: formatAddress(address),
@@ -19108,7 +19245,6 @@ function FunPaymentMethods({
 }
 // src/components/FunkitProvider/FunkitCheckoutContext.tsx
-var DIRECT_EXECUTION_ESTIMATED_TIME_MS = 3e4;
 var FunkitCheckoutContext = createContext12({
   activeCheckouts: {},
   checkoutHistoryList: [],
@@ -19123,8 +19259,7 @@ var FunkitCheckoutContext = createContext12({
   _confirmCheckout: () => Promise.resolve("0x"),
   _getCheckoutQuote: () => Promise.resolve(void 0),
   _getCheckoutDraftDollarValue: () => Promise.resolve(void 0),
-  _generateSignedBatchOperation: () => Promise.resolve(null),
-  _handleWeb2DirectExecution: () => Promise.resolve(void 0)
+  _generateSignedBatchOperation: () => Promise.resolve(null)
 });
 var CHECKOUT_HISTORY_REFETCH_INTERVAL_MS = 5e3;
 function FunkitCheckoutProvider({ children }) {
@@ -19175,18 +19310,18 @@ function FunkitCheckoutProvider({ children }) {
     clearInterval(intervalRef.current);
   }, []);
   const _initNewCheckout = useCallback13(
-    (initSettings, isDirectExecution, sourceSymbol) => {
+    (initSettings, hasSufficientBalance, sourceSymbol) => {
       const newCheckoutId = uuid();
       const selectedSourceAssetFormatted = {
-        address: isDirectExecution ? initSettings.config.targetAsset : null,
-        chainId: isDirectExecution ? initSettings.config.targetChain : null,
-        symbol: isDirectExecution ? sourceSymbol : null
+        address: hasSufficientBalance ? initSettings.config.targetAsset : null,
+        chainId: hasSufficientBalance ? initSettings.config.targetChain : null,
+        symbol: hasSufficientBalance ? sourceSymbol : null
       };
       const newActiveCheckoutItem = {
         id: newCheckoutId,
         startTimestampMs: Date.now(),
         draftDollarValue: null,
-        isQuoting: isDirectExecution,
+        isQuoting: hasSufficientBalance,
         latestQuote: null,
         quoteErrorMessage: "",
         depositAddress: null,
@@ -19198,7 +19333,7 @@ function FunkitCheckoutProvider({ children }) {
             targetAsset: initSettings.config.targetAsset.toLowerCase()
           }
         },
-        isDirectExecution
+        isFastForwarded: hasSufficientBalance
       };
       setActiveCheckouts({
         ...activeCheckouts,
@@ -19261,7 +19396,7 @@ function FunkitCheckoutProvider({ children }) {
     [activeCheckouts]
   );
   const _getCheckoutQuote = useCallback13(
-    async (checkoutId, sponsorInitialTransferGasLimit) => {
+    async (checkoutId, sponsorInitialTransferGasLimit, paymentMethod) => {
       if (!activeCheckouts?.[checkoutId]) {
         throw new Error(
           `Funkit Internal Error: Unable to find checkout with id: ${checkoutId}`
@@ -19299,10 +19434,32 @@ function FunkitCheckoutProvider({ children }) {
           sponsorInitialTransferGasLimit: sponsorInitialTransferGasLimit.toString(),
           apiKey: funkitConfig.apiKey || ""
         });
-        const finalEstimation = {
-          ...newEstimation,
-          estCheckoutTimeMs: checkoutItem.isDirectExecution ? DIRECT_EXECUTION_ESTIMATED_TIME_MS : newEstimation.estCheckoutTimeMs
-        };
+        const finalEstimation = newEstimation;
+        if (paymentMethod === "card" /* CARD */) {
+          let moonpayChainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[checkoutItem.selectedSourceAssetInfo.chainId].moonpayChainName;
+          if (moonpayChainName !== "") {
+            moonpayChainName = `_${moonpayChainName}`;
+          }
+          const mpCurrencyCode = `${checkoutItem.selectedSourceAssetInfo.symbol}${moonpayChainName}`.toLowerCase();
+          const moonpayEstimation = await getMoonpayBuyQuoteForCreditCard({
+            currencyCode: mpCurrencyCode,
+            quoteCurrencyAmount: formatTokenAmountForMoonpay(
+              parseFloat(newEstimation.estTotalFromAmount)
+            ),
+            baseCurrencyCode: "usd",
+            areFeesIncluded: true,
+            apiKey: funkitConfig.apiKey || ""
+          });
+          if (moonpayEstimation["errors"]) {
+            throw new Error("Moonpay estimation error");
+          }
+          const moonpayFees = parseFloat(moonpayEstimation.feeAmount) + parseFloat(moonpayEstimation.networkFeeAmount) + parseFloat(moonpayEstimation.extraFeeAmount);
+          const originalEstFeesUsd = finalEstimation.estFeesUsd;
+          finalEstimation.estFeesUsd = moonpayFees;
+          finalEstimation.estTotalUsd += moonpayFees - originalEstFeesUsd;
+          finalEstimation.estCheckoutTimeMs += MOONPAY_TIME_ESTIMATE_MS;
+        } else if (paymentMethod === "brokerage" /* BROKERAGE */) {
+        }
         checkoutItem?.initSettings?.onEstimation?.(finalEstimation);
         setActiveCheckouts({
           ...activeCheckouts,
@@ -19329,7 +19486,7 @@ function FunkitCheckoutProvider({ children }) {
     [account?.address, activeCheckouts, funkitConfig?.apiKey]
   );
   const _generateSignedBatchOperation = useCallback13(
-    async (actionsParams, assetChainId, bypassWalletInit, isDirectExecution) => {
+    async (actionsParams, assetChainId, bypassWalletInit) => {
       if (!funWallet || !funWalletAuth || !account.address) {
         throw new Error("Funwallet or auth not defined");
       }
@@ -19344,17 +19501,10 @@ function FunkitCheckoutProvider({ children }) {
           );
           txParamsList.push(formattedTxParams);
         });
-        let newConfig;
-        if (isDirectExecution) {
-          newConfig = getFunkitEnvForDirectExecution({
-            chainId: assetChainId
-          });
-        } else {
-          newConfig = getFunkitEnvForCheckoutEstimation({
-            chainId: assetChainId,
-            bypassWalletInit
-          });
-        }
+        const newConfig = getFunkitEnvForCheckoutEstimation({
+          chainId: assetChainId,
+          bypassWalletInit
+        });
         const userId = await funWalletAuth?.getUserId();
         const batchOperation = await funWallet.createBatchOperation(
           funWalletAuth,
@@ -19373,56 +19523,8 @@ function FunkitCheckoutProvider({ children }) {
     },
     [funWallet, funWalletAuth, account]
   );
-  const _handleWeb2DirectExecution = useCallback13(
-    async (checkoutId) => {
-      if (!activeCheckouts?.[checkoutId]) {
-        throw new Error(
-          `Funkit Internal Error: Unable to find checkout with id: ${checkoutId}`
-        );
-      }
-      const checkoutItem = activeCheckouts?.[checkoutId];
-      if (funWallet && funWalletAuth) {
-        try {
-          const batchOperation = await _generateSignedBatchOperation(
-            checkoutItem.initSettings.config.actionsParams,
-            checkoutItem.initSettings.config.targetChain,
-            false,
-            true
-          );
-          if (!batchOperation) {
-            throw new Error("Invalid batchOperation");
-          }
-          const newConfig = getFunkitEnvForDirectExecution({
-            chainId: checkoutItem.initSettings.config.targetChain
-          });
-          const operationReciept = await funWallet.executeOperation(
-            funWalletAuth,
-            batchOperation,
-            newConfig
-          );
-          if (operationReciept) {
-            checkoutItem.initSettings.onSuccess?.({
-              type: "success",
-              message: "FunWallet direct execution succeeded",
-              metadata: {
-                receipt: operationReciept
-              }
-            });
-          }
-        } catch (err) {
-          console.error("FunWallet direct execution failed");
-          checkoutItem.initSettings.onError?.({
-            type: "error",
-            message: "FunWallet direct execution failed",
-            metadata: err
-          });
-        }
-      }
-    },
-    [_generateSignedBatchOperation, activeCheckouts, funWallet, funWalletAuth]
-  );
   const _confirmCheckout = useCallback13(
-    async (checkoutId, paymentMethod) => {
+    async (checkoutId, shouldbatchOpBypassInit) => {
       if (!funkitConfig?.apiKey) {
         throw new Error(
           `Funkit Internal Error: Unable to detect funkit api key`
@@ -19439,12 +19541,10 @@ function FunkitCheckoutProvider({ children }) {
           `Funkit Internal Error: Unable to find checkout with id: ${checkoutId}`
         );
       }
-      const isAccountBalancePaymentMethod = paymentMethod === "balance" /* ACCOUNT_BALANCE */;
       const signedBatchOperation = await _generateSignedBatchOperation(
         checkoutItem.initSettings.config.actionsParams,
         checkoutItem.initSettings.config.targetChain,
-        isAccountBalancePaymentMethod,
-        false
+        shouldbatchOpBypassInit
       );
       const depositAddress = await postApiInitializeCheckout({
         userOp: signedBatchOperation.userOp,
@@ -19484,8 +19584,7 @@ function FunkitCheckoutProvider({ children }) {
     _getCheckoutDraftDollarValue,
     _getCheckoutQuote,
     _confirmCheckout,
-    _generateSignedBatchOperation,
-    _handleWeb2DirectExecution
+    _generateSignedBatchOperation
   };
   return /* @__PURE__ */ React79.createElement(FunkitCheckoutContext.Provider, {
     value: contextValue
@@ -19497,9 +19596,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
     _updateSelectedSourceAsset,
     _confirmCheckout,
     _getCheckoutQuote,
-    _getCheckoutDraftDollarValue,
-    _handleWeb2DirectExecution,
-    _generateSignedBatchOperation
+    _getCheckoutDraftDollarValue
   } = useContext10(FunkitCheckoutContext);
   if (!checkoutId) {
     return {
@@ -19507,9 +19604,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
       updateSourceAsset: () => void 0,
       confirmCheckout: async () => await Promise.resolve("0x"),
       getCheckoutDraftDollarValue: async () => await Promise.resolve(void 0),
-      getCheckoutQuote: async () => await Promise.resolve(void 0),
-      handleWeb2DirectExecution: async () => await Promise.resolve(void 0),
-      generateSignedBatchOperationForDirectExecution: async () => await Promise.resolve(null)
+      getCheckoutQuote: async () => await Promise.resolve(void 0)
     };
   }
   const checkoutItem = activeCheckouts?.[checkoutId];
@@ -19521,16 +19616,13 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
       newSourceAssetSymbol,
       newSourceAssetChainId
     ),
-    confirmCheckout: async (paymentMethod) => await _confirmCheckout(checkoutId, paymentMethod),
-    getCheckoutQuote: async (sponsorInitialTransferGasLimit) => await _getCheckoutQuote(checkoutId, sponsorInitialTransferGasLimit),
-    getCheckoutDraftDollarValue: async () => await _getCheckoutDraftDollarValue(checkoutId),
-    handleWeb2DirectExecution: async () => await _handleWeb2DirectExecution(checkoutId),
-    generateSignedBatchOperationForDirectExecution: async () => await _generateSignedBatchOperation(
-      checkoutItem.initSettings.config.actionsParams,
-      checkoutItem.initSettings.config.targetChain,
-      false,
-      true
-    )
+    confirmCheckout: async (shouldBatchOpBypassInit) => await _confirmCheckout(checkoutId, shouldBatchOpBypassInit),
+    getCheckoutQuote: async (sponsorInitialTransferGasLimit, paymentMethod) => await _getCheckoutQuote(
+      checkoutId,
+      sponsorInitialTransferGasLimit,
+      paymentMethod
+    ),
+    getCheckoutDraftDollarValue: async () => await _getCheckoutDraftDollarValue(checkoutId)
   };
 };
 var useFunkitPostCheckoutInternal = (depositAddress) => {
@@ -19562,9 +19654,12 @@ var useFunkitCheckout = (props) => {
   const { config, onValidation, onSuccess, onError } = props;
   const { _initNewCheckout } = useContext10(FunkitCheckoutContext);
   const { openFunCheckoutModal } = useFunCheckoutModal();
+  const { openConnectModal } = useConnectModal();
   const connectionStatus = useConnectionStatus();
   const { isLoggedIn: isWeb2Login, funWallet } = useFunkitWallet();
   const networks = useNetwork5();
+  const { isConnected } = useAccount8();
+  const [waitingLogin, setWaitingLogin] = useState20(void 0);
   const onErrorWrapper = useCallback13(
     (payload) => {
       console.error(payload);
@@ -19572,84 +19667,108 @@ var useFunkitCheckout = (props) => {
     },
     [onError]
   );
-  const _handleWeb3DirectExecution = useCallback13(async () => {
-    for (let i = 0; i < config.actionsParams.length; i++) {
-      try {
-        const { request } = await prepareWriteContract({
-          address: config.actionsParams[i].contractAddress,
-          abi: config.actionsParams[i].contractAbi,
-          functionName: config.actionsParams[i].functionName,
-          args: config.actionsParams[i].functionArgs
-        });
-        const { hash } = await writeContract(request);
-        if (hash) {
-          onSuccess?.({
-            type: "success",
-            message: "EOA execution confirmed",
-            metadata: {
-              receipt: hash
-            }
+  const _handleWeb3DirectExecution = useCallback13(
+    async (inputConfig) => {
+      for (let i = 0; i < inputConfig.actionsParams.length; i++) {
+        try {
+          const { request } = await prepareWriteContract({
+            address: inputConfig.actionsParams[i].contractAddress,
+            abi: inputConfig.actionsParams[i].contractAbi,
+            functionName: inputConfig.actionsParams[i].functionName,
+            args: inputConfig.actionsParams[i].functionArgs
+          });
+          const { hash } = await writeContract(request);
+          if (hash) {
+            onSuccess?.({
+              type: "success",
+              message: "EOA execution confirmed",
+              metadata: {
+                receipt: hash
+              }
+            });
+          } else {
+            throw new Error("Invalid or missing execution hash");
+          }
+        } catch (err) {
+          console.error("EOA execution failed", err);
+          onErrorWrapper?.({
+            type: "error",
+            message: "EOA execution failed",
+            metadata: err
           });
-        } else {
-          throw new Error("Invalid or missing execution hash");
         }
-      } catch (err) {
-        console.error("EOA execution failed", err);
-        onErrorWrapper?.({
-          type: "error",
-          message: "EOA execution failed",
-          metadata: err
-        });
       }
-    }
-  }, [config.actionsParams, onErrorWrapper, onSuccess]);
-  const beginCheckout = useCallback13(async () => {
-    const validationResult = validateCheckoutConfig(config);
-    onValidation?.(validationResult);
-    if (validationResult.isValid) {
-      let newId = _initNewCheckout?.(props, false);
-      if (isWeb2Login || connectionStatus !== "connected" /* CONNECTED */) {
-        if (funWallet && networks.chain) {
-          const { result, tokenTicker } = await testAutoExecutionDuringCheckout(
-            config,
-            networks.chain,
-            funWallet
-          );
-          if (result) {
-            newId = _initNewCheckout?.(props, true, tokenTicker);
-          } else if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[config.targetChain].isFiatCheckoutSupported) {
-            onErrorWrapper?.({
-              type: "error",
-              message: "Unable to begin a new checkout: Insufficient funds on testnet account",
-              metadata: {}
-            });
-            return;
+    },
+    [onErrorWrapper, onSuccess]
+  );
+  const beginCheckout = useCallback13(
+    async (inputConfig = config) => {
+      const validationResult = validateCheckoutConfig(inputConfig);
+      onValidation?.(validationResult);
+      if (validationResult.isValid) {
+        let newId = _initNewCheckout?.({ ...props, config: inputConfig }, false);
+        if (isWeb2Login || connectionStatus !== "connected" /* CONNECTED */) {
+          if (funWallet && networks.chain) {
+            const { result, tokenTicker } = await testAutoExecutionDuringCheckout(inputConfig, funWallet);
+            if (result) {
+              newId = _initNewCheckout?.(
+                { ...props, config: inputConfig },
+                true,
+                tokenTicker
+              );
+            } else if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[inputConfig.targetChain].isFiatCheckoutSupported) {
+              onErrorWrapper?.({
+                type: "error",
+                message: "Unable to begin a new checkout: Insufficient funds on testnet account",
+                metadata: {}
+              });
+              return;
+            }
+            openFunCheckoutModal?.(newId);
+          } else {
+            openConnectModal?.();
+            setWaitingLogin(inputConfig);
+          }
+        } else {
+          if (isConnected) {
+            await _handleWeb3DirectExecution(inputConfig);
+          } else {
+            openConnectModal?.();
+            setWaitingLogin(inputConfig);
           }
-          openFunCheckoutModal?.(newId);
         }
       } else {
-        await _handleWeb3DirectExecution();
+        onErrorWrapper?.({
+          type: "error",
+          message: `Unable to begin a new checkout: ${validationResult.message}`,
+          metadata: {}
+        });
       }
-    } else {
-      onErrorWrapper?.({
-        type: "error",
-        message: `Unable to begin a new checkout: ${validationResult.message}`,
-        metadata: {}
-      });
+    },
+    [
+      config,
+      onValidation,
+      _initNewCheckout,
+      props,
+      isWeb2Login,
+      connectionStatus,
+      funWallet,
+      networks.chain,
+      openFunCheckoutModal,
+      onErrorWrapper,
+      openConnectModal,
+      isConnected,
+      _handleWeb3DirectExecution
+    ]
+  );
+  useEffect20(() => {
+    if (!waitingLogin)
+      return;
+    if (isWeb2Login || isConnected) {
+      setWaitingLogin(void 0);
+      beginCheckout(waitingLogin);
     }
-  }, [
-    config,
-    onValidation,
-    _initNewCheckout,
-    props,
-    isWeb2Login,
-    connectionStatus,
-    funWallet,
-    networks.chain,
-    openFunCheckoutModal,
-    onErrorWrapper,
-    _handleWeb3DirectExecution
-  ]);
+  }, [beginCheckout, isConnected, isWeb2Login, waitingLogin]);
   return {
     beginCheckout
   };
@@ -19675,7 +19794,7 @@ function setRainbowKitVersion({ version }) {
 }
 function useFingerprint() {
   const fingerprint = useCallback14(() => {
-    setRainbowKitVersion({ version: "0.1.5" });
+    setRainbowKitVersion({ version: "0.1.7" });
   }, []);
   useEffect21(() => {
     fingerprint();
@@ -20301,11 +20420,11 @@ var ShortFunToast = ({
 // src/components/Dialog/DialogContent.css.ts
 var bottomSheetOverrides = "_1pzt4237";
-var dialogContent = "_1pzt4231 _1rsrm2ff4 _1rsrm2fi1 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fj4 _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
-var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2ff4 _1rsrm2fi1 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fj4 _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
+var dialogContent = "_1pzt4231 _1rsrm2ff4 _1rsrm2fi7 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fjg _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
+var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2ff4 _1rsrm2fi7 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fjg _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
 var dialogContentMobile = "_1pzt4236 _1rsrm2fs";
-var dialogContentWideDesktop = "_1pzt4233 _1pzt4231 _1rsrm2ff4 _1rsrm2fi1 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fj4 _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
-var dialogContentWideMobile = "_1pzt4232 _1pzt4231 _1rsrm2ff4 _1rsrm2fi1 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fj4 _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
+var dialogContentWideDesktop = "_1pzt4233 _1pzt4231 _1rsrm2ff4 _1rsrm2fi7 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fjg _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
+var dialogContentWideMobile = "_1pzt4232 _1pzt4231 _1rsrm2ff4 _1rsrm2fi7 _1rsrm2fr _1rsrm2fv _1rsrm2f10 _1rsrm2fjg _1rsrm2fa _1rsrm2f14 _1rsrm2f9p _1rsrm2fc8";
 // src/components/Dialog/DialogContent.tsx
 function DialogContent({
@@ -21083,12 +21202,12 @@ var SingleLoader = () => {
       gap: 10,
       display: "flex"
     }
-  }, /* @__PURE__ */ React100.createElement("div", {
+  }, /* @__PURE__ */ React100.createElement(Box, {
+    background: "loadingBase",
     style: {
       width: 24,
       height: 24,
       position: "relative",
-      background: "rgba(255, 255, 255, 0.05)",
       borderRadius: 40
     }
   }), /* @__PURE__ */ React100.createElement("div", {
@@ -21099,18 +21218,18 @@ var SingleLoader = () => {
       gap: 7,
       display: "inline-flex"
     }
-  }, /* @__PURE__ */ React100.createElement("div", {
+  }, /* @__PURE__ */ React100.createElement(Box, {
+    background: "loadingAccent",
     style: {
       width: 114,
       height: 15,
-      background: "rgba(255, 255, 255, 0.20)",
       borderRadius: 12
     }
-  }), /* @__PURE__ */ React100.createElement("div", {
+  }), /* @__PURE__ */ React100.createElement(Box, {
+    background: "loadingBase",
     style: {
       width: 114,
       height: 15,
-      background: "rgba(255, 255, 255, 0.05)",
       borderRadius: 12
     }
   }))), /* @__PURE__ */ React100.createElement("div", {
@@ -21121,11 +21240,11 @@ var SingleLoader = () => {
       gap: 2,
       display: "inline-flex"
     }
-  }, /* @__PURE__ */ React100.createElement("div", {
+  }, /* @__PURE__ */ React100.createElement(Box, {
+    background: "loadingBase",
     style: {
       width: 114,
       height: 15,
-      background: "rgba(255, 255, 255, 0.05)",
       borderRadius: 12
     }
   })));
@@ -21360,7 +21479,7 @@ function FWHome({
   return /* @__PURE__ */ React103.createElement(Box, null, /* @__PURE__ */ React103.createElement(FWProfileTitleSection, {
     animateOut,
     account,
-    userEmail,
+    userEmail: userEmail.value,
     setAnimateOut,
     onChangeView,
     onClose
@@ -21870,6 +21989,7 @@ function FunCheckoutHistoryDetail({
     isTerminal
   } = useCheckoutStateBooleans(checkoutHistoryInfo.state);
   useCheckoutHistoryListener(isProcessing);
+  useFunWalletAssetsListener(isProcessing || isCompleted);
   const timelineLabels = useMemo24(() => {
     const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[checkoutHistoryInfo.fromChainId].explorerInfo;
     return [
@@ -22260,7 +22380,7 @@ function FunCheckoutVerifyDetailsStep({
 var ANIMATION_DELAY = 150;
 var DUMMY_TRANSFER_PARAMS = {
   toAddress: "0x000000000000000000000000000000000000dEaD",
-  tokenAmount: 20
+  tokenAmount: 5
 };
 function FunCheckoutModal({
   onClose,
@@ -22287,13 +22407,11 @@ function FunCheckoutModal({
   const [isSoftHidden, setIsSoftHidden] = useState30(false);
   const [animateOut, setAnimateOut] = useState30(false);
   const [previewId, setPreviewId] = useState30("");
-  const {
-    checkoutItem,
-    getCheckoutQuote,
-    generateSignedBatchOperationForDirectExecution
-  } = useFunkitPreCheckoutInternal(checkoutId || "");
+  const { checkoutItem, getCheckoutQuote } = useFunkitPreCheckoutInternal(
+    checkoutId || ""
+  );
   const [checkoutStep, setCheckoutStep] = useState30(
-    checkoutItem?.isDirectExecution ? "confirmation" /* CONFIRMATION */ : "payment" /* SELECT_PAYMENT_METHOD */
+    checkoutItem?.isFastForwarded ? "confirmation" /* CONFIRMATION */ : "payment" /* SELECT_PAYMENT_METHOD */
   );
   useEffect31(() => {
     return () => {
@@ -22302,7 +22420,7 @@ function FunCheckoutModal({
   }, []);
   const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
   const [selectedPaymentMethodInfo, setSelectedPaymentMethodInfo] = useState30(
-    checkoutItem?.isDirectExecution ? DEFAULT_WALLET_PAYMENT_CONFIG : null
+    checkoutItem?.isFastForwarded ? DEFAULT_WALLET_PAYMENT_CONFIG : null
   );
   const titleConfig = useMemo26(() => {
     const baseTitle = checkoutItem?.initSettings?.config?.modalTitle || "Checkout";
@@ -22343,7 +22461,7 @@ function FunCheckoutModal({
         };
       case "confirmation" /* CONFIRMATION */:
         return {
-          hasBack: !checkoutItem?.isDirectExecution,
+          hasBack: !checkoutItem?.isFastForwarded,
           onBack: () => {
             setAnimateOut(true);
             setTimeout(() => {
@@ -22372,6 +22490,7 @@ function FunCheckoutModal({
     }
   }, [
     checkoutItem?.initSettings?.config?.modalTitle,
+    checkoutItem?.isFastForwarded,
     checkoutStep,
     selectedPaymentMethodInfo?.paymentMethod
   ]);
@@ -22393,16 +22512,13 @@ function FunCheckoutModal({
         setIsSourceAssetConfirming(true);
         let sponsorInitialTransferGasLimit = 0;
         const selectedPaymentMethod = selectedPaymentMethodInfo?.paymentMethod;
-        if (selectedPaymentMethod === "balance" /* ACCOUNT_BALANCE */ && !checkoutItem.isDirectExecution) {
+        if (selectedPaymentMethod === "balance" /* ACCOUNT_BALANCE */) {
           setSelectedPaymentMethodInfo(DEFAULT_WALLET_PAYMENT_CONFIG);
           const { transferOp } = await generateCheckoutTransferOpItems(
             DUMMY_TRANSFER_PARAMS.toAddress,
             DUMMY_TRANSFER_PARAMS.tokenAmount
           );
           sponsorInitialTransferGasLimit = Number(transferOp?.userOp.preVerificationGas || 0) + Number(transferOp?.userOp.callGasLimit || 0) + Number(transferOp?.userOp.verificationGasLimit || 0);
-        } else if (selectedPaymentMethod === "balance" /* ACCOUNT_BALANCE */ && checkoutItem.isDirectExecution) {
-          const batchOperation = await generateSignedBatchOperationForDirectExecution();
-          sponsorInitialTransferGasLimit = Number(batchOperation?.userOp.preVerificationGas || 0) + Number(batchOperation?.userOp.callGasLimit || 0) + Number(batchOperation?.userOp.verificationGasLimit || 0);
         } else if (selectedPaymentMethod === "card" /* CARD */) {
           setSelectedPaymentMethodInfo({
             paymentMethod: "card" /* CARD */,
@@ -22413,7 +22529,10 @@ function FunCheckoutModal({
           });
         }
         setCheckoutStep("confirmation" /* CONFIRMATION */);
-        await getCheckoutQuote(sponsorInitialTransferGasLimit);
+        await getCheckoutQuote(
+          sponsorInitialTransferGasLimit,
+          selectedPaymentMethod
+        );
       }
     } catch (err) {
       console.error("Error confirming source asset", err);
@@ -22422,11 +22541,9 @@ function FunCheckoutModal({
     }
   }, [
     DEFAULT_WALLET_PAYMENT_CONFIG,
-    checkoutItem?.isDirectExecution,
     checkoutItem?.selectedSourceAssetInfo?.address,
     checkoutItem?.selectedSourceAssetInfo?.symbol,
     generateCheckoutTransferOpItems,
-    generateSignedBatchOperationForDirectExecution,
     getCheckoutQuote,
     selectedPaymentMethodInfo?.paymentMethod
   ]);
@@ -22537,8 +22654,6 @@ function FunCheckoutModal({
         setCheckoutStep("two_factor" /* TWO_FACTOR */);
       } else if (paymentMethod === "card" /* CARD */) {
         setCheckoutStep("payment_setup" /* PAYMENT_SETUP */);
-      } else if (paymentMethod === "balance" /* ACCOUNT_BALANCE */ && checkoutItem?.isDirectExecution) {
-        onClose();
       } else {
         redirectToCheckoutHistory(depositAddress);
       }
@@ -22607,14 +22722,14 @@ var FunConfirmDialogMenu = ({
 };
 // src/components/FunConnectModal/FunConnectModal.tsx
-import React127 from "react";
+import React128 from "react";
 import { useDisconnect as useDisconnect4 } from "wagmi";
 // src/components/ConnectOptions/FunConnectOptions.tsx
-import React126, { useCallback as useCallback23, useState as useState34 } from "react";
+import React127, { useCallback as useCallback23, useState as useState34 } from "react";
 // src/components/FunSignInFlow/FunSignInStep.tsx
-import React119, { useCallback as useCallback22, useState as useState32 } from "react";
+import React120, { useCallback as useCallback22, useState as useState32 } from "react";
 // src/utils/groupBy.ts
 function groupBy(items, getKey) {
@@ -22697,8 +22812,103 @@ var ProfileIcon = () => {
   }));
 };
+// src/components/Icons/SocialMediaIcons.tsx
+import React118 from "react";
+var GoogleIcon = () => {
+  return /* @__PURE__ */ React118.createElement("svg", {
+    width: "18",
+    height: "18",
+    viewBox: "0 0 18 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React118.createElement("g", {
+    clipPath: "url(#clip0_1033_2902)"
+  }, /* @__PURE__ */ React118.createElement("g", {
+    clipPath: "url(#clip1_1033_2902)"
+  }, /* @__PURE__ */ React118.createElement("path", {
+    d: "M17.3612 7.68341C17.4368 7.68341 17.498 7.74467 17.498 7.82024V9.25684C17.498 9.79453 17.4481 10.3203 17.3523 10.8303C16.6113 14.7917 13.1213 17.7855 8.9381 17.7566C4.24421 17.7243 0.487676 13.9316 0.498068 9.23768C0.508395 4.55215 4.31009 0.756836 8.99804 0.756836C11.2948 0.756836 13.3787 1.668 14.9087 3.14806C14.9639 3.20148 14.9653 3.28954 14.911 3.34386L12.8786 5.37625C12.8263 5.42858 12.7417 5.42994 12.6881 5.37891C11.7278 4.46486 10.4286 3.9037 8.99804 3.9037C6.04392 3.9037 3.66508 6.26563 3.64503 9.21968C3.62487 12.1931 6.02931 14.6099 8.99804 14.6099C11.4068 14.6099 13.444 13.0187 14.1158 10.8303H9.13486C9.05929 10.8303 8.99804 10.769 8.99804 10.6934V7.8202C8.99804 7.74463 9.05929 7.68337 9.13486 7.68337H17.3612V7.68341Z",
+    fill: "#2196F3"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M17.3613 7.68359H16.3352C16.4107 7.68359 16.472 7.74485 16.472 7.82042V9.25702C16.472 9.79471 16.4221 10.3205 16.3263 10.8305C15.6193 14.6097 12.4104 17.5082 8.48453 17.7417C8.63474 17.7505 8.78595 17.7557 8.93822 17.7568C13.1215 17.7856 16.6114 14.7919 17.3524 10.8305C17.4482 10.3205 17.4981 9.79471 17.4981 9.25702V7.82039C17.4981 7.74485 17.4369 7.68359 17.3613 7.68359Z",
+    fill: "#1E88E5"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M4.13616 7.01503L1.55469 5.14981C3.00294 2.53038 5.79373 0.756836 8.99843 0.756836C11.2952 0.756836 13.3791 1.668 14.9091 3.14806C14.9643 3.20148 14.9657 3.28954 14.9114 3.34386L12.879 5.37625C12.8267 5.42848 12.7422 5.43011 12.6887 5.37918C11.7285 4.46496 10.4291 3.90373 8.99843 3.90373C6.84248 3.90373 4.98411 5.1782 4.13616 7.01503Z",
+    fill: "#F44336"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M3.39062 6.47666L4.13587 7.01511C4.90983 5.33855 6.52576 4.13108 8.44125 3.93303C8.45566 3.93147 8.46951 3.92957 8.48418 3.92818C8.31561 3.91218 8.14478 3.90381 7.97199 3.90381C6.0244 3.90381 4.32705 4.93055 3.39062 6.47666Z",
+    fill: "#E53935"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M13.882 3.14806C13.9373 3.20148 13.9387 3.28954 13.8843 3.34389L12.2347 4.99352C12.3927 5.11372 12.544 5.24228 12.6876 5.37894C12.7412 5.42998 12.8257 5.42862 12.8781 5.37629L14.9105 3.34389C14.9648 3.28954 14.9634 3.20152 14.9082 3.14806C13.3782 1.668 11.2943 0.756836 8.99753 0.756836C8.82517 0.756836 8.65418 0.76258 8.48438 0.772707C10.5775 0.897385 12.4668 1.77903 13.882 3.14806Z",
+    fill: "#E53935"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M15.232 15.0335C13.6798 16.7085 11.4606 17.7569 8.99676 17.7569C5.66894 17.7569 2.78784 15.8445 1.39258 13.0585L4.02808 11.2524C4.81894 13.2203 6.74572 14.61 8.99676 14.61C10.4094 14.61 11.6942 14.0628 12.6506 13.1686L15.232 15.0335Z",
+    fill: "#4CAF50"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M4.02911 11.2524L3.25195 11.785C4.15458 13.4665 5.92959 14.61 7.97161 14.61C8.1443 14.61 8.315 14.6015 8.4835 14.5856C6.45649 14.3923 4.75898 13.0686 4.02911 11.2524Z",
+    fill: "#43A047"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M8.99797 17.7569C11.4618 17.7569 13.681 16.7085 15.2332 15.0334L14.601 14.5767C13.1435 16.3905 10.9571 17.5939 8.48618 17.7414C8.65551 17.7515 8.82611 17.7569 8.99797 17.7569Z",
+    fill: "#43A047"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M3.64494 9.25693C3.64494 9.96223 3.7814 10.6358 4.0294 11.2525L1.39387 13.0585C0.820615 11.9147 0.498047 10.6234 0.498047 9.25693C0.498047 7.7673 0.881145 6.36726 1.5543 5.1499L4.13578 7.01512C3.82075 7.69681 3.64494 8.45654 3.64494 9.25693Z",
+    fill: "#FFC107"
+  }), /* @__PURE__ */ React118.createElement("path", {
+    d: "M3.25262 11.7849L4.02977 11.2524C3.78177 10.6357 3.64531 9.96213 3.64531 9.25683C3.64531 8.45644 3.82112 7.69671 4.13615 7.01502L3.39091 6.47656C2.90697 7.2756 2.62611 8.21322 2.61927 9.21971C2.61296 10.1479 2.84296 11.0218 3.25262 11.7849Z",
+    fill: "#FFB300"
+  }))), /* @__PURE__ */ React118.createElement("defs", null, /* @__PURE__ */ React118.createElement("clipPath", {
+    id: "clip0_1033_2902"
+  }, /* @__PURE__ */ React118.createElement("rect", {
+    width: "17",
+    height: "17",
+    fill: "white",
+    transform: "translate(0.5 0.5)"
+  })), /* @__PURE__ */ React118.createElement("clipPath", {
+    id: "clip1_1033_2902"
+  }, /* @__PURE__ */ React118.createElement("rect", {
+    width: "17",
+    height: "17",
+    fill: "white",
+    transform: "translate(0.5 0.756836)"
+  }))));
+};
+var TwitterIcon = () => {
+  return /* @__PURE__ */ React118.createElement("svg", {
+    width: "17.6",
+    height: "18",
+    viewBox: "0 0 1200 1227",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React118.createElement("path", {
+    d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",
+    fill: "currentColor"
+  }));
+};
+var AppleIcon = () => {
+  return /* @__PURE__ */ React118.createElement("svg", {
+    width: "17",
+    height: "18",
+    viewBox: "0 0 17 18",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /* @__PURE__ */ React118.createElement("g", {
+    clipPath: "url(#clip0_1049_3254)"
+  }, /* @__PURE__ */ React118.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M11.1086 3.21394C11.7283 2.4957 12.146 1.49533 12.0317 0.5C11.1387 0.534 10.0582 1.07047 9.4179 1.78787C8.84288 2.42451 8.34093 3.44176 8.47587 4.41755C9.47205 4.4915 10.4889 3.93302 11.1086 3.21394ZM13.3425 9.53125C13.3674 12.1042 15.6975 12.96 15.7233 12.9711C15.7044 13.0314 15.3511 14.1906 14.4959 15.3891C13.7559 16.4244 12.9883 17.4555 11.779 17.4776C10.5911 17.4988 10.2087 16.8027 8.84976 16.8027C7.49172 16.8027 7.06712 17.4554 5.94287 17.4988C4.77565 17.5404 3.88605 16.3787 3.14085 15.3468C1.61606 13.2363 0.451421 9.38257 2.01574 6.78162C2.79274 5.49048 4.18086 4.67162 5.68846 4.65122C6.83419 4.62997 7.91633 5.38999 8.61683 5.38999C9.31734 5.38999 10.6324 4.47625 12.0145 4.61055C12.593 4.6335 14.2174 4.83403 15.26 6.29685C15.1758 6.347 13.3218 7.38078 13.3425 9.53125Z",
+    fill: "currentColor"
+  })), /* @__PURE__ */ React118.createElement("defs", null, /* @__PURE__ */ React118.createElement("clipPath", {
+    id: "clip0_1049_3254"
+  }, /* @__PURE__ */ React118.createElement("rect", {
+    width: "17",
+    height: "17",
+    fill: "currentColor",
+    transform: "translate(0 0.5)"
+  }))));
+};
 // src/components/ModalSelection/ModalSelection.tsx
-import React118, { useContext as useContext17, useState as useState31 } from "react";
+import React119, { useContext as useContext17, useState as useState31 } from "react";
 // src/components/FunkitProvider/useCoolMode.ts
 import { useContext as useContext16, useEffect as useEffect32, useRef as useRef11 } from "react";
@@ -22873,13 +23083,13 @@ var ModalSelection = ({
   const coolModeRef = useCoolMode(iconUrl);
   const [isMouseOver, setIsMouseOver] = useState31(false);
   const i18n2 = useContext17(I18nContext);
-  return /* @__PURE__ */ React118.createElement(Box, {
+  return /* @__PURE__ */ React119.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     onMouseEnter: () => setIsMouseOver(true),
     onMouseLeave: () => setIsMouseOver(false),
     ref: coolModeRef
-  }, /* @__PURE__ */ React118.createElement(Box, {
+  }, /* @__PURE__ */ React119.createElement(Box, {
     as,
     borderRadius: "menuButton",
     borderStyle: "solid",
@@ -22909,28 +23119,28 @@ var ModalSelection = ({
       }
     },
     ...urlProps
-  }, /* @__PURE__ */ React118.createElement(Box, {
+  }, /* @__PURE__ */ React119.createElement(Box, {
     color: currentlySelected ? "accentColorForeground" : "modalText",
     disabled: !ready,
     fontFamily: "body",
     fontSize: "16",
     fontWeight: "bold",
     transition: "default"
-  }, /* @__PURE__ */ React118.createElement(Box, {
+  }, /* @__PURE__ */ React119.createElement(Box, {
     alignItems: "center",
     display: "flex",
     flexDirection: "row",
     gap: "12"
-  }, /* @__PURE__ */ React118.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React119.createElement(AsyncImage, {
     background: iconBackground,
     ...isMouseOver ? {} : { borderColor: "actionButtonBorder" },
     borderRadius: "6",
     height: "28",
     src: iconUrl,
     width: "28"
-  }), /* @__PURE__ */ React118.createElement(Box, null, /* @__PURE__ */ React118.createElement(Box, {
+  }), /* @__PURE__ */ React119.createElement(Box, null, /* @__PURE__ */ React119.createElement(Box, {
     style: { marginTop: recent ? -2 : void 0 }
-  }, name), recent && /* @__PURE__ */ React118.createElement(Text, {
+  }, name), recent && /* @__PURE__ */ React119.createElement(Text, {
     color: currentlySelected ? "accentColorForeground" : "accentColor",
     size: "12",
     style: { lineHeight: 1, marginTop: -1 },
@@ -22951,7 +23161,14 @@ function FunSignInStep({
   connectToWallet,
   setQrCodeUri
 }) {
-  const { loginInput, setLoginInput, isLoginInputValid, sendOTPCode, loading } = useFunkitWeb2Login();
+  const {
+    loginInput,
+    setLoginInput,
+    isLoginInputValid,
+    sendOTPCode,
+    handleOauthRedirect,
+    loading
+  } = useFunkitWeb2Login();
   const [emailError, setEmailError] = useState32();
   const funkitConfig = useFunkitConfig();
   const [signInType, setSignInType] = useState32(
@@ -23020,39 +23237,36 @@ function FunSignInStep({
       setEmailError("Error sending code to your email");
     }
   }, [sendOTPCode, funkitConnectWallet2, setSelectedWallet, changeStep]);
-  return /* @__PURE__ */ React119.createElement(Box, {
+  return /* @__PURE__ */ React120.createElement(Box, {
     minHeight: "320"
-  }, /* @__PURE__ */ React119.createElement(FunModalTitleSection, {
+  }, /* @__PURE__ */ React120.createElement(FunModalTitleSection, {
     title: "Get Started",
     hasCloseButton: true,
     onClose,
     customJustifyContentStyle: "space-between"
-  }), /* @__PURE__ */ React119.createElement(Box, {
+  }), /* @__PURE__ */ React120.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     paddingY: "20",
     gap: "20",
     className: animateContentIn
-  }, emailError && /* @__PURE__ */ React119.createElement(FunNotification, {
-    type: "error",
-    description: emailError
-  }), funkitConfig?.enabledLoginOptions?.web2 ? /* @__PURE__ */ React119.createElement(FunContainer, {
+  }, funkitConfig?.enabledLoginOptions?.web2 ? /* @__PURE__ */ React120.createElement(FunContainer, {
     title: "Sign In",
-    titleSuffix: /* @__PURE__ */ React119.createElement(Box, {
+    titleSuffix: /* @__PURE__ */ React120.createElement(Box, {
       color: "accentColor"
-    }, /* @__PURE__ */ React119.createElement(ProfileIcon, null)),
+    }, /* @__PURE__ */ React120.createElement(ProfileIcon, null)),
     isCollapsible: true,
     isCollapsed: signInType !== 0 /* WEB2 */,
     showHoverEffect: signInType !== 0 /* WEB2 */,
     onClick: () => onClickSection(0 /* WEB2 */)
-  }, /* @__PURE__ */ React119.createElement(Box, {
+  }, /* @__PURE__ */ React120.createElement(Box, {
     display: "flex",
     flexDirection: "row",
     gap: "5",
     width: "full"
-  }, /* @__PURE__ */ React119.createElement(Box, {
+  }, /* @__PURE__ */ React120.createElement(Box, {
     style: { flex: 1 }
-  }, /* @__PURE__ */ React119.createElement(FunInput, {
+  }, /* @__PURE__ */ React120.createElement(FunInput, {
     label: "Email Address",
     placeholder: "Enter your email",
     value: loginInput,
@@ -23061,47 +23275,89 @@ function FunSignInStep({
       setEmailError(void 0);
     },
     onKeySubmit: handleEmailSubmit
-  })), /* @__PURE__ */ React119.createElement(Box, {
+  })), /* @__PURE__ */ React120.createElement(Box, {
     style: { flex: 1, maxWidth: 115 }
-  }, /* @__PURE__ */ React119.createElement(Box, {
+  }, /* @__PURE__ */ React120.createElement(Box, {
     id: "ghost-div",
     style: { height: 26 }
-  }), /* @__PURE__ */ React119.createElement(FunButton, {
+  }), /* @__PURE__ */ React120.createElement(FunButton, {
     type: "primary",
     title: "Next",
     borderRadius: "menuButton",
     isDisabled: !isLoginInputValid || loading,
-    titleSuffix: loading ? /* @__PURE__ */ React119.createElement(Box, {
+    titleSuffix: loading ? /* @__PURE__ */ React120.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React119.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React120.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     })) : null,
     onClick: handleEmailSubmit,
     buttonStyle: { height: "48px" }
-  }))), emailError && /* @__PURE__ */ React119.createElement(Box, {
+  }))), /* @__PURE__ */ React120.createElement(FunDivider, null), /* @__PURE__ */ React120.createElement(Box, {
+    display: "flex",
+    flexDirection: "column",
+    gap: "14"
+  }, /* @__PURE__ */ React120.createElement(Box, {
+    display: "flex",
+    gap: "10",
+    color: "accentColor"
+  }, /* @__PURE__ */ React120.createElement(FunIconButton, {
+    onClick: () => {
+      handleOauthRedirect(privyOauthProvider.GOOGLE);
+    },
+    icon: /* @__PURE__ */ React120.createElement(GoogleIcon, null),
+    ariaLabel: "",
+    paddingX: "44",
+    paddingY: "16",
+    borderRadius: "24",
+    showBorder: true,
+    size: "24"
+  }), /* @__PURE__ */ React120.createElement(FunIconButton, {
+    onClick: () => {
+      handleOauthRedirect(privyOauthProvider.TWITTER);
+    },
+    icon: /* @__PURE__ */ React120.createElement(TwitterIcon, null),
+    ariaLabel: "",
+    paddingX: "44",
+    paddingY: "16",
+    borderRadius: "24",
+    showBorder: true,
+    size: "24",
+    color: "modalText"
+  }), /* @__PURE__ */ React120.createElement(FunIconButton, {
+    onClick: () => {
+      handleOauthRedirect(privyOauthProvider.APPLE);
+    },
+    icon: /* @__PURE__ */ React120.createElement(AppleIcon, null),
+    ariaLabel: "",
+    paddingX: "44",
+    paddingY: "16",
+    borderRadius: "24",
+    showBorder: true,
+    size: "24"
+  }))), emailError && /* @__PURE__ */ React120.createElement(Box, {
     paddingTop: "18"
-  }, /* @__PURE__ */ React119.createElement(FunNotification, {
+  }, /* @__PURE__ */ React120.createElement(FunNotification, {
     type: "error",
     description: emailError
-  }))) : null, funkitConfig?.enabledLoginOptions?.web3 ? /* @__PURE__ */ React119.createElement(FunContainer, {
+  }))) : null, funkitConfig?.enabledLoginOptions?.web3 ? /* @__PURE__ */ React120.createElement(FunContainer, {
     title: "Connect Wallet",
-    titleSuffix: /* @__PURE__ */ React119.createElement(Box, {
+    titleSuffix: /* @__PURE__ */ React120.createElement(Box, {
       color: "accentColor"
-    }, /* @__PURE__ */ React119.createElement(WalletIcon, null)),
+    }, /* @__PURE__ */ React120.createElement(WalletIcon, null)),
     isCollapsible: true,
     isCollapsed: signInType !== 1 /* WEB3 */,
     showHoverEffect: signInType !== 1 /* WEB3 */,
     onClick: () => onClickSection(1 /* WEB3 */)
-  }, /* @__PURE__ */ React119.createElement(Box, {
+  }, /* @__PURE__ */ React120.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     gap: "10",
     className: ScrollClassName
   }, funWeb3ConnectWallets.map((wallet) => {
-    return /* @__PURE__ */ React119.createElement(ModalSelection, {
+    return /* @__PURE__ */ React120.createElement(ModalSelection, {
       currentlySelected: wallet.id === selectedOptionId,
       iconBackground: wallet.iconBackground,
       iconUrl: wallet.iconUrl,
@@ -23116,7 +23372,7 @@ function FunSignInStep({
 }
 // src/components/FunSignInFlow/FunWeb2ConnectingStep/FunWeb2ConnectingStep.tsx
-import React120, { useEffect as useEffect33 } from "react";
+import React121, { useEffect as useEffect33 } from "react";
 // src/components/FunSignInFlow/FunWeb2ConnectingStep/FunWeb2ConnectingStep.css.ts
 var animateContentInClass10 = "rq6qkx2";
@@ -23137,14 +23393,14 @@ var FunWeb2ConnectingStep = (props) => {
     resetError
   } = useFunkitWeb2Login();
   const OTPTypeString = type === "Email" ? "Email Address" : "Phone Number";
-  const [backAnimation, setBackAnimation] = React120.useState(false);
+  const [backAnimation, setBackAnimation] = React121.useState(false);
   useEffect33(() => {
     setCodeInput("");
     resetError();
   }, []);
-  return /* @__PURE__ */ React120.createElement(Box, {
+  return /* @__PURE__ */ React121.createElement(Box, {
     height: "max"
-  }, /* @__PURE__ */ React120.createElement(FunModalTitleSection, {
+  }, /* @__PURE__ */ React121.createElement(FunModalTitleSection, {
     title: "Verify Your " + type,
     hasCloseButton: true,
     onClose: props.onClose,
@@ -23154,56 +23410,56 @@ var FunWeb2ConnectingStep = (props) => {
       setTimeout(props.onBack, 150);
     },
     skipBackDelay: true
-  }), /* @__PURE__ */ React120.createElement(Box, {
+  }), /* @__PURE__ */ React121.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     paddingY: "20",
     gap: "20",
     className: backAnimation ? animateContentOutClass10 : animateContentInClass10
-  }, /* @__PURE__ */ React120.createElement(FunInput, {
+  }, /* @__PURE__ */ React121.createElement(FunInput, {
     inputProps: { disabled: true },
     label: OTPTypeString,
     placeholder: `${loginInput}`,
     value: "",
     onChange: () => void 0
-  }), /* @__PURE__ */ React120.createElement(FunTwoFaInput_default, {
+  }), /* @__PURE__ */ React121.createElement(FunTwoFaInput_default, {
     value: codeInput,
     onChange: setCodeInput,
     onCompleted: verifyOTPCode,
     hasError: isNotNullish(otpError) && otpError?.code == PRIVY_ERROR_CODES.INVALID_CREDENTIALS
-  }), /* @__PURE__ */ React120.createElement(Box, {
+  }), /* @__PURE__ */ React121.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
     justifyContent: "flex-start"
-  }, /* @__PURE__ */ React120.createElement(Box, {
+  }, /* @__PURE__ */ React121.createElement(Box, {
     display: "flex",
     justifyContent: "center"
-  }, /* @__PURE__ */ React120.createElement(Text, {
+  }, /* @__PURE__ */ React121.createElement(Text, {
     color: "modalTextDim",
     size: "12"
-  }, "A code was sent to your ", type, "."), loading ? /* @__PURE__ */ React120.createElement("div", {
+  }, "A code was sent to your ", type, "."), loading ? /* @__PURE__ */ React121.createElement("div", {
     style: { paddingLeft: "4px" }
-  }, /* @__PURE__ */ React120.createElement(Text, {
+  }, /* @__PURE__ */ React121.createElement(Text, {
     color: "modalTextDim",
     size: "12",
     weight: "medium"
-  }, "Sent!")) : /* @__PURE__ */ React120.createElement(FunLinkButton, {
+  }, "Sent!")) : /* @__PURE__ */ React121.createElement(FunLinkButton, {
     onClick: () => sendOTPCode(true),
     text: "Resend Code."
-  }))), otpError && otpError?.code == PRIVY_ERROR_CODES.NETWORK_ERROR ? /* @__PURE__ */ React120.createElement(FunNotification, {
+  }))), otpError && otpError?.code == PRIVY_ERROR_CODES.NETWORK_ERROR ? /* @__PURE__ */ React121.createElement(FunNotification, {
     type: "error",
     description: "Network error. Please try again."
-  }) : null, /* @__PURE__ */ React120.createElement(FunButton, {
+  }) : null, /* @__PURE__ */ React121.createElement(FunButton, {
     type: "primary",
     title: "Sign In",
     borderRadius: "menuButton",
     isDisabled: codeInput.length < 6 || verifying,
-    titleSuffix: verifying ? /* @__PURE__ */ React120.createElement(Box, {
+    titleSuffix: verifying ? /* @__PURE__ */ React121.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React120.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React121.createElement(SpinnerIcon, {
       height: 16,
       width: 16
     })) : null,
@@ -23212,33 +23468,33 @@ var FunWeb2ConnectingStep = (props) => {
 };
 // src/components/FunSignInFlow/FunWeb3ConnectingStep.tsx
-import React124 from "react";
+import React125 from "react";
 // src/components/ConnectOptions/ConnectDetails.tsx
-import React123, { useContext as useContext19, useEffect as useEffect34 } from "react";
+import React124, { useContext as useContext19, useEffect as useEffect34 } from "react";
 // src/components/Icons/LinkIcon.tsx
-import React121 from "react";
+import React122 from "react";
 var LinkIcon = () => {
-  return /* @__PURE__ */ React121.createElement("svg", {
+  return /* @__PURE__ */ React122.createElement("svg", {
     width: "21",
     height: "11",
     viewBox: "0 0 21 11",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React121.createElement("path", {
+  }, /* @__PURE__ */ React122.createElement("path", {
     d: "M7.375 1.33325H5.29167C3.32748 1.33325 2.34539 1.33325 1.73519 1.94345C1.125 2.55365 1.125 3.53575 1.125 5.49992C1.125 7.46409 1.125 8.44617 1.7352 9.05638C2.34539 9.66658 3.32748 9.66658 5.29167 9.66658H7.375",
     stroke: "currentColor",
     strokeWidth: "2.08333",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /* @__PURE__ */ React121.createElement("path", {
+  }), /* @__PURE__ */ React122.createElement("path", {
     d: "M13.625 9.66658H15.7083C17.6725 9.66658 18.6546 9.66658 19.2648 9.05638C19.875 8.44617 19.875 7.46409 19.875 5.49992C19.875 3.53575 19.875 2.55364 19.2648 1.94344C18.6546 1.33325 17.6725 1.33325 15.7083 1.33325H13.625",
     stroke: "currentColor",
     strokeWidth: "2.08333",
     strokeLinecap: "round",
     strokeLinejoin: "round"
-  }), /* @__PURE__ */ React121.createElement("path", {
+  }), /* @__PURE__ */ React122.createElement("path", {
     d: "M6.3335 5.5H14.6668",
     stroke: "currentColor",
     strokeWidth: "2.08333",
@@ -23248,7 +23504,7 @@ var LinkIcon = () => {
 };
 // src/components/ConnectOptions/DesktopOptions.tsx
-import React122, { useContext as useContext18, useState as useState33 } from "react";
+import React123, { useContext as useContext18, useState as useState33 } from "react";
 function DesktopOptions({ onClose }) {
   const modalSize = useContext18(ModalSizeContext);
   const compactModeEnabled = modalSize === ModalSizeOptions.COMPACT;
@@ -23261,10 +23517,10 @@ function DesktopOptions({ onClose }) {
     setWalletStep(newWalletStep);
   };
   const [email, setEmail] = useState33("");
-  return /* @__PURE__ */ React122.createElement(Box, {
+  return /* @__PURE__ */ React123.createElement(Box, {
     display: "flex",
     flexDirection: "row"
-  }, /* @__PURE__ */ React122.createElement(Box, {
+  }, /* @__PURE__ */ React123.createElement(Box, {
     className: compactModeEnabled ? sidebarCompactMode : sidebar,
     display: "flex",
     flexDirection: "column",
@@ -23312,14 +23568,14 @@ var getPlatformSrc = async () => {
 };
 var preloadPlatformIcon = () => loadImages(getPlatformSrc);
 function LinkItem() {
-  return /* @__PURE__ */ React123.createElement(Box, {
+  return /* @__PURE__ */ React124.createElement(Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
     width: "full"
-  }, /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(Box, {
     style: { flex: 1 }
-  }, /* @__PURE__ */ React123.createElement(FunDivider, null)), /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(FunDivider, null)), /* @__PURE__ */ React124.createElement(Box, {
     display: "flex",
     alignItems: "center",
     justifyContent: "center",
@@ -23327,9 +23583,9 @@ function LinkItem() {
     background: "modalBorder",
     padding: "8",
     borderRadius: "13"
-  }, /* @__PURE__ */ React123.createElement(LinkIcon, null)), /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(LinkIcon, null)), /* @__PURE__ */ React124.createElement(Box, {
     style: { flex: 1 }
-  }, /* @__PURE__ */ React123.createElement(FunDivider, null)));
+  }, /* @__PURE__ */ React124.createElement(FunDivider, null)));
 }
 function ConnectDetail({
   changeWalletStep,
@@ -23358,74 +23614,74 @@ function ConnectDetail({
     preloadBrowserIcon();
     preloadPlatformIcon();
   }, []);
-  return /* @__PURE__ */ React123.createElement(Box, {
+  return /* @__PURE__ */ React124.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     height: "full",
     width: "full"
-  }, hasQrCode ? /* @__PURE__ */ React123.createElement(Box, {
+  }, hasQrCode ? /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
     height: "full",
     justifyContent: "center"
-  }, /* @__PURE__ */ React123.createElement(QRCode, {
+  }, /* @__PURE__ */ React124.createElement(QRCode, {
     logoBackground: iconBackground,
     logoSize: compactModeEnabled ? 60 : 72,
     logoUrl: iconUrl,
     size: compactModeEnabled ? 318 : smallWindow ? Math.max(280, Math.min(windowWidth - 308, 382)) : 382,
     uri: qrCodeUri
-  })) : /* @__PURE__ */ React123.createElement(Box, {
+  })) : /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
     justifyContent: "center",
     style: { flexGrow: 1 }
-  }, /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
     flexDirection: "column",
     gap: "8"
-  }, /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(Box, {
     alignItems: "center",
     display: "flex",
     flexDirection: "column",
     gap: "4",
     style: { textAlign: "center" }
-  }, ready && !hasQrCode ? /* @__PURE__ */ React123.createElement(Box, {
+  }, ready && !hasQrCode ? /* @__PURE__ */ React124.createElement(Box, {
     width: "full",
     display: "flex",
     flexDirection: "column",
     gap: "24"
-  }, /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(Box, {
     id: "link-graphics",
     display: "flex",
     flexDirection: "row",
     justifyContent: "space-between"
-  }, /* @__PURE__ */ React123.createElement(Box, {
+  }, /* @__PURE__ */ React124.createElement(Box, {
     style: { width: 80, height: 80 }
-  }, /* @__PURE__ */ React123.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React124.createElement(AsyncImage, {
     background: appConfig.logoBackground,
     borderRadius: "menuButton",
     src: appConfig.logoSrc,
     width: 80,
     height: 80
-  })), /* @__PURE__ */ React123.createElement(LinkItem, null), /* @__PURE__ */ React123.createElement(Box, {
+  })), /* @__PURE__ */ React124.createElement(LinkItem, null), /* @__PURE__ */ React124.createElement(Box, {
     style: { width: 80, height: 80 }
-  }, /* @__PURE__ */ React123.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React124.createElement(AsyncImage, {
     background: selectedWallet?.iconBackground,
     borderRadius: "menuButton",
     src: selectedWallet?.iconUrl,
     width: 80,
     height: 80
-  }))), /* @__PURE__ */ React123.createElement(Box, {
+  }))), /* @__PURE__ */ React124.createElement(Box, {
     id: "link-text",
     display: "flex",
     flexDirection: "column",
     gap: "10"
-  }, /* @__PURE__ */ React123.createElement(Text, {
+  }, /* @__PURE__ */ React124.createElement(Text, {
     color: "accentColor",
     weight: "semibold",
     size: "18"
-  }, "Connecting to ", selectedWallet?.name, "..."), /* @__PURE__ */ React123.createElement(Text, {
+  }, "Connecting to ", selectedWallet?.name, "..."), /* @__PURE__ */ React124.createElement(Text, {
     color: "modalTextSecondary",
     weight: "medium",
     size: "14"
@@ -23448,8 +23704,8 @@ function FunWeb3ConnectingStep({
     logoSrc: "https://media.licdn.com/dms/image/D560BAQG0hO3xnlKy7Q/company-logo_200_200/0/1664326073952/funxyz_logo?e=2147483647&v=beta&t=MaS4CK29tMHkN3GSFqKWCb1DubIE-kBDYYfoiQJSed8",
     logoBackground: "#000"
   };
-  const [animateOut, setAnimateOut] = React124.useState(false);
-  return /* @__PURE__ */ React124.createElement(Box, null, /* @__PURE__ */ React124.createElement(FunModalTitleSection, {
+  const [animateOut, setAnimateOut] = React125.useState(false);
+  return /* @__PURE__ */ React125.createElement(Box, null, /* @__PURE__ */ React125.createElement(FunModalTitleSection, {
     title: "Connect Wallet",
     hasBackButton: true,
     onBack: () => {
@@ -23461,13 +23717,13 @@ function FunWeb3ConnectingStep({
     backAnimation: animateOut,
     hasCloseButton: true,
     onClose
-  }), selectedWallet ? /* @__PURE__ */ React124.createElement(Box, {
+  }), selectedWallet ? /* @__PURE__ */ React125.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     paddingY: "20",
     gap: "24",
     className: animateOut ? animateContentOutClass11 : animateContentInClass11
-  }, /* @__PURE__ */ React124.createElement(ConnectDetail, {
+  }, /* @__PURE__ */ React125.createElement(ConnectDetail, {
     changeWalletStep: () => void 0,
     compactModeEnabled: true,
     qrCodeUri,
@@ -23476,13 +23732,13 @@ function FunWeb3ConnectingStep({
     connectionError: false,
     reconnect: () => void 0,
     appConfig
-  }), /* @__PURE__ */ React124.createElement(FunButton, {
+  }), /* @__PURE__ */ React125.createElement(FunButton, {
     isDisabled: true,
-    titleSuffix: /* @__PURE__ */ React124.createElement(Box, {
+    titleSuffix: /* @__PURE__ */ React125.createElement(Box, {
       display: "flex",
       alignItems: "center",
       color: "modalText"
-    }, /* @__PURE__ */ React124.createElement(SpinnerIcon, {
+    }, /* @__PURE__ */ React125.createElement(SpinnerIcon, {
       height: 21,
       width: 21
     })),
@@ -23491,7 +23747,7 @@ function FunWeb3ConnectingStep({
 }
 // src/components/FunStates/FunErrorContent.tsx
-import React125 from "react";
+import React126 from "react";
 function FunErrorContent({
   title,
   onBack,
@@ -23499,27 +23755,27 @@ function FunErrorContent({
   actionTitle,
   onAction
 }) {
-  return /* @__PURE__ */ React125.createElement(Box, null, /* @__PURE__ */ React125.createElement(FunModalTitleSection, {
+  return /* @__PURE__ */ React126.createElement(Box, null, /* @__PURE__ */ React126.createElement(FunModalTitleSection, {
     title,
     hasBackButton: true,
     onBack,
     hasCloseButton: true,
     onClose
-  }), /* @__PURE__ */ React125.createElement(Box, {
+  }), /* @__PURE__ */ React126.createElement(Box, {
     display: "flex",
     flexDirection: "column",
     alignItems: "center",
     paddingY: "20",
     gap: "24"
-  }, /* @__PURE__ */ React125.createElement(Box, {
+  }, /* @__PURE__ */ React126.createElement(Box, {
     style: { height: 250, width: 262, marginTop: -50, marginBottom: -60 }
-  }, /* @__PURE__ */ React125.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React126.createElement(AsyncImage, {
     background: "none",
     borderRadius: "menuButton",
     src: async () => (await import("./fun-error-KT4BQTNE.js")).default,
     width: "full",
     height: "full"
-  })), /* @__PURE__ */ React125.createElement(FunButton, {
+  })), /* @__PURE__ */ React126.createElement(FunButton, {
     title: actionTitle,
     onClick: onAction,
     type: "primary"
@@ -23553,32 +23809,32 @@ function FunConnectOptions({
       }
     }
   }, []);
-  return /* @__PURE__ */ React126.createElement(Box, {
+  return /* @__PURE__ */ React127.createElement(Box, {
     display: "flex",
     flexDirection: "row"
-  }, /* @__PURE__ */ React126.createElement(Box, {
+  }, /* @__PURE__ */ React127.createElement(Box, {
     className: sidebarCompactMode,
     display: "flex",
     flexDirection: "column",
     marginTop: "16",
     paddingX: "20",
     width: "full"
-  }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React126.createElement(FunSignInStep, {
+  }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React127.createElement(FunSignInStep, {
     onClose,
     changeStep,
     setSelectedWallet,
     connectToWallet,
     setQrCodeUri
-  }) : step === 3 /* PENDING_WALLET */ ? /* @__PURE__ */ React126.createElement(FunWeb3ConnectingStep, {
+  }) : step === 3 /* PENDING_WALLET */ ? /* @__PURE__ */ React127.createElement(FunWeb3ConnectingStep, {
     onClose,
     changeStep,
     selectedWallet,
     qrCodeUri
-  }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React126.createElement(FunWeb2ConnectingStep, {
+  }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React127.createElement(FunWeb2ConnectingStep, {
     onClose,
     onBack: () => changeStep(0 /* SIGNIN */),
     setSelectedWallet
-  }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React126.createElement(FunErrorContent, {
+  }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React127.createElement(FunErrorContent, {
     title: "Connection Failed",
     onBack: () => changeStep(0 /* SIGNIN */),
     onClose,
@@ -23602,31 +23858,31 @@ function FunConnectModal({ onClose, open }) {
   const titleId = "rk_connect_title";
   const connectionStatus = useConnectionStatus();
   const { disconnect } = useDisconnect4();
-  const onAuthCancel = React127.useCallback(() => {
+  const onAuthCancel = React128.useCallback(() => {
     onClose();
     disconnect();
   }, [onClose, disconnect]);
   if (connectionStatus === "disconnected" /* DISCONNECTED */) {
-    return /* @__PURE__ */ React127.createElement(Dialog, {
+    return /* @__PURE__ */ React128.createElement(Dialog, {
       onClose,
       open,
       titleId
-    }, /* @__PURE__ */ React127.createElement(DialogContent, {
+    }, /* @__PURE__ */ React128.createElement(DialogContent, {
       bottomSheetOnMobile: true,
       padding: "0"
-    }, /* @__PURE__ */ React127.createElement(FunConnectOptions, {
+    }, /* @__PURE__ */ React128.createElement(FunConnectOptions, {
       onClose
     })));
   }
   if (connectionStatus === "unauthenticated" /* UNAUTHENTICATED */) {
-    return /* @__PURE__ */ React127.createElement(Dialog, {
+    return /* @__PURE__ */ React128.createElement(Dialog, {
       onClose: onAuthCancel,
       open,
       titleId
-    }, /* @__PURE__ */ React127.createElement(DialogContent, {
+    }, /* @__PURE__ */ React128.createElement(DialogContent, {
       bottomSheetOnMobile: true,
       padding: "0"
-    }, /* @__PURE__ */ React127.createElement(SignIn, {
+    }, /* @__PURE__ */ React128.createElement(SignIn, {
       onClose: onAuthCancel
     })));
   }
@@ -23634,15 +23890,15 @@ function FunConnectModal({ onClose, open }) {
 }
 // src/components/FunDevTestModal/FunDevTestModal.tsx
-import React128 from "react";
+import React129 from "react";
 function FunDevTestModal({ onClose, open }) {
-  return /* @__PURE__ */ React128.createElement(Dialog, {
+  return /* @__PURE__ */ React129.createElement(Dialog, {
     onClose,
     open,
     titleId: "dev/test modal"
-  }, /* @__PURE__ */ React128.createElement(DialogContent, {
+  }, /* @__PURE__ */ React129.createElement(DialogContent, {
     bottomSheetOnMobile: true
-  }, /* @__PURE__ */ React128.createElement(Box, null, /* @__PURE__ */ React128.createElement(FunCheckoutHistoryDetail, {
+  }, /* @__PURE__ */ React129.createElement(Box, null, /* @__PURE__ */ React129.createElement(FunCheckoutHistoryDetail, {
     depositAddress: "0x3EAD3A7B7f4074a45b4Ff5e2Ef71555a59b40336"
   }))));
 }
@@ -23756,7 +24012,7 @@ function ModalProvider({ children }) {
     onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
     onDisconnect: () => closeModals({ keepConnectModalOpen: false })
   });
-  return /* @__PURE__ */ React129.createElement(ModalContext.Provider, {
+  return /* @__PURE__ */ React130.createElement(ModalContext.Provider, {
     value: useMemo27(
       () => ({
         accountModalOpen,
@@ -23796,32 +24052,32 @@ function ModalProvider({ children }) {
         confirmModalOpen
       ]
     )
-  }, children, /* @__PURE__ */ React129.createElement(FunConnectModal, {
+  }, children, /* @__PURE__ */ React130.createElement(FunConnectModal, {
     onClose: closeConnectModal,
     open: connectModalOpen
-  }), /* @__PURE__ */ React129.createElement(AccountModal, {
+  }), /* @__PURE__ */ React130.createElement(AccountModal, {
     onClose: closeAccountModal,
     open: accountModalOpen
-  }), /* @__PURE__ */ React129.createElement(ChainModal, {
+  }), /* @__PURE__ */ React130.createElement(ChainModal, {
     onClose: closeChainModal,
     open: chainModalOpen
-  }), /* @__PURE__ */ React129.createElement(FunConfirmDialogMenu, {
+  }), /* @__PURE__ */ React130.createElement(FunConfirmDialogMenu, {
     confirmType: confirmModalType,
     open: confirmModalOpen,
     onCancel: () => {
       setConfirmModalOpen(false);
     },
     onConfirm: confirmMenuAction
-  }), /* @__PURE__ */ React129.createElement(FunCheckoutModal, {
+  }), /* @__PURE__ */ React130.createElement(FunCheckoutModal, {
     onClose: closeFunCheckoutModal,
     open: funCheckoutModalOpen,
     checkoutId: funCheckoutModalId,
     key: funCheckoutModalId
-  }), /* @__PURE__ */ React129.createElement(FunCheckoutHistoryModal, {
+  }), /* @__PURE__ */ React130.createElement(FunCheckoutHistoryModal, {
     onClose: closeFunCheckoutHistoryModal,
     open: funCheckoutHistoryModalOpen,
     depositAddress: funCheckoutHistoryModalId
-  }), /* @__PURE__ */ React129.createElement(FunDevTestModal, {
+  }), /* @__PURE__ */ React130.createElement(FunDevTestModal, {
     onClose: closeFunDevTestModal,
     open: funDevTestModalOpen
   }));
@@ -23902,7 +24158,7 @@ function ConnectButtonRenderer({
     connectModalOpen,
     funDevTestModalOpen
   } = useModalState();
-  return /* @__PURE__ */ React130.createElement(React130.Fragment, null, children({
+  return /* @__PURE__ */ React131.createElement(React131.Fragment, null, children({
     account: address ? {
       address,
       balanceDecimals: balanceData?.decimals,
@@ -23946,12 +24202,12 @@ function AccountButton({
   const { isLoggedIn: isWeb2Login } = useFunkitWallet();
   const { userEmail } = useFunkitWeb2Login();
   const displayAccountTitle = useMemo28(() => {
-    if (isWeb2Login && userEmail !== "") {
-      return userEmail;
+    if (isWeb2Login && userEmail.value !== "") {
+      return userEmail.value;
     }
     return account.displayName;
   }, [account.displayName, isWeb2Login, userEmail]);
-  return /* @__PURE__ */ React131.createElement(Box, {
+  return /* @__PURE__ */ React132.createElement(Box, {
     alignItems: "center",
     as: "button",
     background: "accentColor",
@@ -23969,14 +24225,14 @@ function AccountButton({
     testId: "account-button",
     transition: "default",
     type: "button"
-  }, account.displayBalance && /* @__PURE__ */ React131.createElement(Box, {
+  }, account.displayBalance && /* @__PURE__ */ React132.createElement(Box, {
     display: mapResponsiveValue(
       showBalance,
       (value) => value ? "block" : "none"
     ),
     padding: "8",
     paddingLeft: "12"
-  }, account.displayBalance), /* @__PURE__ */ React131.createElement(Box, {
+  }, account.displayBalance), /* @__PURE__ */ React132.createElement(Box, {
     background: normalizeResponsiveValue(showBalance)[isMobile() ? "smallScreen" : "largeScreen"] ? "connectButtonInnerBackground" : "connectButtonBackground",
     borderColor: "accentColor",
     borderRadius: "connectButton",
@@ -23988,31 +24244,31 @@ function AccountButton({
     paddingX: "8",
     paddingY: "6",
     transition: "default"
-  }, /* @__PURE__ */ React131.createElement(Box, {
+  }, /* @__PURE__ */ React132.createElement(Box, {
     alignItems: "center",
     display: "flex",
     gap: "6",
     height: "24"
-  }, /* @__PURE__ */ React131.createElement(Box, {
+  }, /* @__PURE__ */ React132.createElement(Box, {
     display: mapResponsiveValue(
       accountStatus,
       (value) => value === "full" || value === "avatar" ? "block" : "none"
     )
-  }, /* @__PURE__ */ React131.createElement(Avatar, {
+  }, /* @__PURE__ */ React132.createElement(Avatar, {
     address: account.address,
     imageUrl: account.ensAvatar,
     loading: account.hasPendingTransactions,
     size: 24
-  })), /* @__PURE__ */ React131.createElement(Box, {
+  })), /* @__PURE__ */ React132.createElement(Box, {
     alignItems: "center",
     display: "flex",
     gap: "6"
-  }, /* @__PURE__ */ React131.createElement(Box, {
+  }, /* @__PURE__ */ React132.createElement(Box, {
     display: mapResponsiveValue(
       accountStatus,
       (value) => value === "full" || value === "address" ? "block" : "none"
     )
-  }, displayAccountTitle), /* @__PURE__ */ React131.createElement(DropdownIcon, null)))));
+  }, displayAccountTitle), /* @__PURE__ */ React132.createElement(DropdownIcon, null)))));
 }
 function ChainSelectorButton({
   unsupportedChain,
@@ -24020,7 +24276,7 @@ function ChainSelectorButton({
   openChainModal,
   chain
 }) {
-  return /* @__PURE__ */ React131.createElement(Box, {
+  return /* @__PURE__ */ React132.createElement(Box, {
     alignItems: "center",
     "aria-label": "Chain Selector",
     as: "button",
@@ -24046,37 +24302,37 @@ function ChainSelectorButton({
     testId: unsupportedChain ? "wrong-network-button" : "chain-button",
     transition: "default",
     type: "button"
-  }, unsupportedChain ? /* @__PURE__ */ React131.createElement(Box, {
+  }, unsupportedChain ? /* @__PURE__ */ React132.createElement(Box, {
     alignItems: "center",
     display: "flex",
     height: "24",
     paddingX: "4"
-  }, "Wrong network") : /* @__PURE__ */ React131.createElement(Box, {
+  }, "Wrong network") : /* @__PURE__ */ React132.createElement(Box, {
     alignItems: "center",
     display: "flex",
     gap: "6"
-  }, chain.hasIcon ? /* @__PURE__ */ React131.createElement(Box, {
+  }, chain.hasIcon ? /* @__PURE__ */ React132.createElement(Box, {
     display: mapResponsiveValue(
       chainStatus,
       (value) => value === "full" || value === "icon" ? "block" : "none"
     ),
     height: "24",
     width: "24"
-  }, /* @__PURE__ */ React131.createElement(AsyncImage, {
+  }, /* @__PURE__ */ React132.createElement(AsyncImage, {
     alt: chain.name ?? "Chain icon",
     background: chain.iconBackground,
     borderRadius: "full",
     height: "24",
     src: chain.iconUrl,
     width: "24"
-  })) : null, /* @__PURE__ */ React131.createElement(Box, {
+  })) : null, /* @__PURE__ */ React132.createElement(Box, {
     display: mapResponsiveValue(chainStatus, (value) => {
       if (value === "icon" && !chain.iconUrl) {
         return "block";
       }
       return value === "full" || value === "name" ? "block" : "none";
     })
-  }, chain.name ?? chain.id)), /* @__PURE__ */ React131.createElement(DropdownIcon, null));
+  }, chain.name ?? chain.id)), /* @__PURE__ */ React132.createElement(DropdownIcon, null));
 }
 var defaultProps = {
   accountStatus: "full",
@@ -24093,7 +24349,7 @@ function ConnectButton({
   const chains = useRainbowKitChains();
   const connectionStatus = useConnectionStatus();
   const i18n2 = useContext22(I18nContext);
-  return /* @__PURE__ */ React131.createElement(ConnectButtonRenderer, null, ({
+  return /* @__PURE__ */ React132.createElement(ConnectButtonRenderer, null, ({
     account,
     chain,
     mounted,
@@ -24104,7 +24360,7 @@ function ConnectButton({
   }) => {
     const ready = mounted && connectionStatus !== "loading" /* LOADING */;
     const unsupportedChain = chain?.unsupported ?? false;
-    return /* @__PURE__ */ React131.createElement(Box, {
+    return /* @__PURE__ */ React132.createElement(Box, {
       display: "flex",
       gap: "12",
       ...!ready ? {
@@ -24115,17 +24371,17 @@ function ConnectButton({
           userSelect: "none"
         }
       } : { userSelect: "none" }
-    }, ready && account && connectionStatus === "connected" /* CONNECTED */ ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React131.createElement(ChainSelectorButton, {
+    }, ready && account && connectionStatus === "connected" /* CONNECTED */ ? /* @__PURE__ */ React132.createElement(React132.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React132.createElement(ChainSelectorButton, {
       unsupportedChain,
       chainStatus,
       openChainModal,
       chain
-    }), !unsupportedChain && /* @__PURE__ */ React131.createElement(AccountButton, {
+    }), !unsupportedChain && /* @__PURE__ */ React132.createElement(AccountButton, {
       openAccountModal,
       account,
       showBalance,
       accountStatus
-    })) : /* @__PURE__ */ React131.createElement(Box, {
+    })) : /* @__PURE__ */ React132.createElement(Box, {
       as: "button",
       background: "accentColor",
       borderRadius: "connectButton",