@trifle/trifle-hub 1.0.135 → 1.0.139

package/dist/AccountIndex-CiY27JqC.js

@@ -0,0 +1,1141 @@
+import { computed as m, inject as X, createElementBlock as l, openBlock as s, normalizeStyle as ne, createElementVNode as t, renderSlot as He, createCommentVNode as r, toDisplayString as g, ref as U, unref as o, Fragment as w, createTextVNode as d, defineAsyncComponent as We, onMounted as Ye, watch as je, createBlock as S, withCtx as p, renderList as P, normalizeClass as k, withDirectives as E, vShow as ae, withKeys as ge, vModelText as he, nextTick as Qe, createVNode as se } from "vue";
+import { storeToRefs as be } from "pinia";
+import { p as ye, c as we, d as Ie, a as Ke, b as Ee, _ as Xe } from "./socialsConfig-C_thrh4W.js";
+import { n as xe } from "./index-CwKzvTqB.js";
+import { A as ke } from "./AccountLayout-DtKvcqQk.js";
+import { _ as Je } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ve = "data:image/png;base64,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", Re = ["disabled"], Oe = { class: "_size-7 _rounded-lg _overflow-hidden" }, Ge = ["src"], Ze = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-md _leading-snug" }, qe = { class: "_size-7 _flex _justify-end _items-center" }, Pe = {
+  key: 0,
+  class: "_whitespace-nowrap _leading-snug _pr-[0.25em] _pl-[0.4em] _shadow-panel-inset _rounded-full _text-[0.875em] _tracking-tight"
+}, T = {
+  __name: "AuthButton",
+  props: {
+    platform: {
+      type: String,
+      default: "wallet"
+    },
+    points: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(F) {
+    const f = F, e = m(() => ye[f.platform]), u = X("TrifleHub/store");
+    let A = !1;
+    const B = async (v) => {
+      if (!A)
+        switch (A = !0, setTimeout(() => {
+          A = !1;
+        }, 1e3), v) {
+          case "discord":
+            await c();
+            break;
+          case "farcaster":
+            await H();
+            break;
+          case "wallet":
+            await z();
+            break;
+          case "twitter":
+            await N();
+            break;
+          case "telegram":
+            await j();
+            break;
+          default:
+            throw new Error(`Unsupported platform: ${v}`);
+        }
+    }, H = async () => {
+      console.log("Farcaster connect clicked");
+      try {
+        await u.connectFarcaster();
+      } catch (v) {
+        console.error("Farcaster connection failed:", v), u.addNotification({
+          type: "error",
+          message: "Farcaster login failed. Try again?"
+        });
+      }
+    }, z = async () => {
+      try {
+        await u.connectWallet();
+      } catch (v) {
+        console.error("Wallet connection failed:", v), u.addNotification({
+          type: "error",
+          message: "Wallet login failed. Try again?"
+        });
+      }
+    }, c = async () => {
+      try {
+        await u.connectDiscord();
+      } catch (v) {
+        v.message.includes("Authentication window closed") && u.addNotification({
+          type: "error",
+          message: "Discord login failed. Try again?"
+        }), console.error("Discord connection failed:", v);
+      }
+    }, N = async () => {
+      try {
+        await u.connectTwitter();
+      } catch (v) {
+        v.message.includes("Authentication window closed") && u.addNotification({
+          type: "error",
+          message: "TwitterX login failed. Try again?"
+        }), console.error("TwitterX connection failed:", v);
+      }
+    }, j = async () => {
+      try {
+        await u.connectTelegram();
+      } catch (v) {
+        console.error("Telegram connection failed:", v), u.addNotification({
+          type: "error",
+          message: "Telegram login failed. Try again?"
+        });
+      }
+    };
+    return (v, L) => (s(), l("button", {
+      class: "_platform-login-btn _bubble-btn-full _p-4.5",
+      style: ne({
+        filter: `hue-rotate(${e.value.bubbleButtonStyle.hueRotate}deg) saturate(${e.value.bubbleButtonStyle.saturate}) brightness(${e.value.bubbleButtonStyle.brightness || 1})`
+      }),
+      disabled: f.disabled,
+      onClick: L[0] || (L[0] = (Q) => f.click || B(f.platform))
+    }, [
+      t("div", {
+        class: "_flex _justify-between _items-center _gap-2.5",
+        style: ne({
+          filter: `hue-rotate(${e.value.bubbleButtonStyle.hueRotate * -1}deg) saturate(${1 / e.value.bubbleButtonStyle.saturate})`
+        })
+      }, [
+        t("div", Oe, [
+          t("img", {
+            src: e.value.icon,
+            class: "_w-full",
+            style: ne({ backgroundColor: e.value.iconBgColor })
+          }, null, 12, Ge)
+        ]),
+        t("div", Ze, [
+          He(v.$slots, "default")
+        ]),
+        t("div", qe, [
+          f.points ? (s(), l("div", Pe, g(f.points) + " 🪩 ", 1)) : r("", !0)
+        ])
+      ], 4)
+    ], 12, Re));
+  }
+}, $e = { class: "_flex _flex-col _gap-2ff _bg-metallic-linear _shadow-panel _rounded-lg _p-3 _gap-3" }, et = { class: "_flex _items-center _justify-between _gap-3" }, tt = { class: "_flex _items-center _gap-2.5 _min-w-0" }, at = { class: "_flex-1 _min-w-0 _leading-tight" }, st = { class: "_flex-1 _min-w-0 _truncate _text-em-lg _text-gray-500" }, nt = ["disabled"], lt = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-md _leading-snug" }, ot = {
+  key: 0,
+  class: "_animate-pulse-deep"
+}, it = {
+  __name: "AuthenticateWalletSection",
+  props: {
+    walletAddress: String,
+    walletAvatar: String,
+    displayName: String,
+    points: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(F) {
+    const f = ye.wallet, e = F, u = X("TrifleHub/store"), A = U(!1), B = async () => {
+      if (e.disabled || u.isSimulationMode) {
+        u.addNotification({
+          message: "Cannot disconnect wallet in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      try {
+        await u.disconnect(), u.addNotification({ message: "Wallet disconnected" });
+      } catch (z) {
+        console.error(z), u.addNotification({ type: "error", message: "Failed to disconnect wallet" });
+      }
+    }, H = async () => {
+      if (e.disabled || u.isSimulationMode) {
+        u.addNotification({
+          message: "Cannot authenticate wallet in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      A.value = !0;
+      try {
+        await u.authenticateWithWallet(e.walletAddress);
+      } catch {
+        u.addNotification({ type: "error", message: "Authentication failed" });
+      } finally {
+        A.value = !1;
+      }
+    };
+    return (z, c) => (s(), l("section", $e, [
+      t("div", et, [
+        t("div", tt, [
+          c[0] || (c[0] = t("img", {
+            src: we,
+            class: "_size-7 _rounded-md",
+            style: { "background-color": "#f1584d" }
+          }, null, -1)),
+          t("div", at, [
+            t("div", st, g(F.displayName), 1)
+          ])
+        ]),
+        t("button", {
+          class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+          "aria-label": "Disconnect wallet",
+          onClick: B,
+          title: "Disconnect wallet"
+        }, c[1] || (c[1] = [
+          t("span", null, "⛌", -1)
+        ]))
+      ]),
+      t("button", {
+        class: "_platform-login-btn _bubble-btn _p-4.5 flex-1 basis-1/2ff min-w-0",
+        style: ne({
+          filter: `hue-rotate(${o(f).bubbleButtonStyle.hueRotate}deg) saturate(${o(f).bubbleButtonStyle.saturate}) brightness(${o(f).bubbleButtonStyle.brightness || 1})`
+        }),
+        onClick: H,
+        disabled: A.value || F.disabled
+      }, [
+        t("div", lt, [
+          A.value ? (s(), l("span", ot, "Confirm in your wallet...")) : (s(), l(w, { key: 1 }, [
+            d("Finish Wallet Login")
+          ], 64))
+        ])
+      ], 12, nt)
+    ]));
+  }
+}, Ae = /* @__PURE__ */ Je(it, [["__scopeId", "data-v-1fad0d64"]]), rt = {
+  key: 0,
+  class: "_flex _flex-col _gap-2"
+}, dt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "_size-5 _opacity-60",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  style: { "pointer-events": "none" }
+}, ut = {
+  key: 1,
+  class: "_bg-metallic-linear _shadow-panel _rounded-lg _p-3 _space-y-2 _min-w-[200px]"
+}, ct = {
+  key: 0,
+  class: "_text-xs _font-semibold _text-center _bg-yellow-500/20 _border _border-yellow-500/40 _rounded _py-1"
+}, _t = {
+  key: 1,
+  class: "_space-y-2"
+}, mt = ["disabled"], pt = { class: "_h-12 _flex _items-center _gap-1 _w-full _justify-center _pl-[1em] _border _border-transparent" }, ft = { class: "_text-stroke-2xl _min-w-0 _truncate _px-0.5" }, vt = { class: "_relative _h-12 _flex _items-stretch _gap-0.5 _px-1 _rounded-lg _shadow-panel-inset _text-center _bg-metallic-linear" }, gt = { class: "_flex _justify-center _gap-1 _h-10 _items-center" }, ht = { class: "_text-stroke-xl" }, bt = { class: "_flex _justify-center _gap-1 _h-10 _items-center" }, yt = { class: "_flex _flex-col _gap-[inherit]" }, wt = { class: "_bg-metallic-linear _shadow-panel _p-4 _pb-5 _space-y-2 _rounded-lg" }, xt = { class: "_flex _items-center _gap-2.5 _-mt-1.5" }, kt = { class: "_text-xl _weight-bold" }, At = { class: "_flex _flex-col _gap-2" }, Ct = { class: "_flex _items-center _gap-2" }, St = ["disabled"], Ut = ["onClick"], Bt = ["src"], Nt = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Tt = { class: "_flex-1 _min-w-0 _leading-tight" }, zt = ["onClick"], Lt = {
+  key: 0,
+  class: "_text-em-2xs _text-gray-500 _leading-none"
+}, Dt = {
+  key: 1,
+  class: "_text-em-2xs _text-gray-500 _leading-none"
+}, Mt = ["onClick"], Ft = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, Ht = { class: "_bg-metallic-linear _shadow-panel _p-4 _pb-5 _space-y-2 _rounded-lg" }, Wt = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Yt = { class: "_space-y-2" }, jt = { class: "_flex _items-center _gap-2" }, Qt = ["disabled"], It = ["onClick"], Kt = ["src"], Et = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Xt = { class: "_flex-1 _min-w-0 _leading-tight" }, Jt = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Vt = ["onClick"], Rt = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, Ot = { class: "_bg-metallic-linear _shadow-panel _p-4 _pb-5 _space-y-2 _rounded-lg" }, Gt = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Zt = { class: "_space-y-2" }, qt = { class: "_flex _items-center _gap-2" }, Pt = ["disabled"], $t = ["onClick"], ea = ["src"], ta = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, aa = { class: "_flex-1 _min-w-0 _leading-tight" }, sa = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, na = {
+  key: 0,
+  class: "_text-em-2xs _text-blue-400 _leading-none"
+}, la = ["onClick"], oa = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, ia = { class: "_bg-metallic-linear _shadow-panel _p-4 _pb-5 _space-y-2 _rounded-lg" }, ra = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, da = { class: "_space-y-2" }, ua = { class: "_flex _items-center _gap-2" }, ca = ["disabled"], _a = ["onClick"], ma = ["src"], pa = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, fa = { class: "_flex-1 _min-w-0 _leading-tight" }, va = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, ga = ["onClick"], ha = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, ba = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, ya = { class: "_space-y-2" }, wa = { class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg" }, xa = { class: "_flex _items-center _gap-2" }, ka = ["disabled"], Aa = ["onClick"], Ca = ["src"], Sa = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Ua = { class: "_flex-1 _min-w-0 _leading-tight" }, Ba = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Na = ["onClick"], Ta = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, za = {
+  __name: "UserAccount",
+  setup(F) {
+    const f = We(() => import("./TrifleBall-BzjRmmn0.js")), e = X("TrifleHub/store"), { isAuthenticated: u, backendUrl: A } = be(e), B = m(() => e.isFarcaster), H = m(() => e.isSuperApp), z = async () => {
+      await e.addFrame();
+    }, c = () => {
+      var i;
+      e.setProfileUsername((i = e.user) == null ? void 0 : i.username), j("profile");
+    }, N = U(!1);
+    Ye(() => {
+      setTimeout(() => {
+        N.value = !0;
+      }, 300);
+    });
+    const { openHub: j } = X("hub"), v = U(null), L = m(() => e.getPlatformData("wallet")), Q = m(() => e.getPlatformData("discord").filter((i) => i.username)), J = m(() => e.getPlatformData("farcaster")), V = m(() => e.getPlatformData("twitter").filter((i) => i.username)), R = m(() => e.getPlatformData("telegram").filter((i) => i.username)), Ce = m(() => Q.value.length > 0), Se = m(() => J.value.length > 0), Ue = m(() => V.value.length > 0), Be = m(() => R.value.length > 0), O = m(
+      () => L.value.length + Q.value.length + J.value.length + V.value.length + R.value.length
+    ), x = U({ platform: null, id: null }), G = async (i, n, _) => {
+      if (_.stopPropagation(), e.isSimulationMode) {
+        e.addNotification({
+          message: "Cannot disconnect platforms in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      if (x.value.platform === i && x.value.id === n) {
+        try {
+          await e.disconnectPlatformInstance(i, n);
+        } catch (h) {
+          console.error(`Failed to disconnect ${i} instance:`, h);
+        }
+        x.value = { platform: null, id: null };
+        return;
+      }
+      x.value = { platform: i, id: n };
+    }, oe = () => {
+      x.value = { platform: null, id: null };
+    };
+    je(x, (i) => {
+      i.platform ? window.addEventListener("click", oe, { once: !0 }) : window.removeEventListener("click", oe);
+    });
+    const ie = (i) => i ? `0x${i.slice(2, 6).toUpperCase()}...${i.slice(-4).toUpperCase()}` : "", W = U(!1), D = U(""), re = U(!1), M = U(""), de = U(!1), Y = U(!0);
+    let le;
+    const I = U(!1), K = U(""), $ = U(!1), ue = async () => {
+      var i;
+      if (K.value) {
+        $.value = !0;
+        try {
+          await e.enterSimulationMode(K.value), I.value = !1, K.value = "", e.addNotification({
+            message: `Entered simulation mode for user: ${(i = e.user) == null ? void 0 : i.username}`,
+            type: "success"
+          });
+        } catch (n) {
+          e.addNotification({
+            message: n.message || "Failed to enter simulation mode",
+            type: "error"
+          });
+        } finally {
+          $.value = !1;
+        }
+      }
+    }, Ne = () => {
+      e.exitSimulationMode(), I.value = !1, e.addNotification({
+        message: "Exited simulation mode",
+        type: "success"
+      });
+    }, Te = async (i) => {
+      var _;
+      if (!i) {
+        Y.value = !0, M.value = "";
+        return;
+      }
+      if (i === ((_ = e.user) == null ? void 0 : _.username)) {
+        Y.value = !0, M.value = "";
+        return;
+      }
+      if (!/^(?!.*--)[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(i)) {
+        M.value = "Username must be alphanumeric";
+        return;
+      }
+      if (i.length > 22) {
+        M.value = "Username must be 22 characters or less";
+        return;
+      }
+      de.value = !0;
+      try {
+        const h = await fetch(
+          `${A.value}/auth/username/check?username=${encodeURIComponent(i)}`
+        );
+        if (!h.ok) throw new Error("Failed to check username availability");
+        const a = await h.json();
+        Y.value = a.available, M.value = a.available ? "" : "This username is already taken";
+      } catch (h) {
+        console.error("Failed to check username:", h), M.value = "Error checking username";
+      } finally {
+        de.value = !1;
+      }
+    }, ze = (i) => {
+      const n = i.target.value.trim();
+      D.value = n, M.value = "", le && clearTimeout(le), n ? le = setTimeout(() => Te(n), 500) : Y.value = !0;
+    }, Le = async () => {
+      var i;
+      if (e.isSimulationMode) {
+        e.addNotification({
+          message: "Cannot edit username in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      M.value = "", D.value = ((i = e.user) == null ? void 0 : i.username) || "", W.value = !0, Y.value = !0, await Qe(), v.value.focus(), v.value.select();
+    }, ce = async () => {
+      var i;
+      if (!D.value.trim()) {
+        e.addNotification({ type: "error", message: "Oops, name can't be empty!" });
+        return;
+      }
+      if (!Y.value) {
+        e.addNotification({ type: "error", message: "This name is already taken" });
+        return;
+      }
+      if (D.value.trim() === ((i = e.user) == null ? void 0 : i.username)) {
+        W.value = !1;
+        return;
+      }
+      re.value = !0;
+      try {
+        await e.updateUsername(D.value.trim()), W.value = !1, e.addNotification({ type: "success", message: "Name updated!" });
+      } catch (n) {
+        console.error("Failed to update name:", n), e.addNotification({ type: "error", message: "Hmm, something went wrong" });
+      } finally {
+        re.value = !1;
+      }
+    }, De = () => {
+      W.value = !1, D.value = "", M.value = "", Y.value = !0;
+    }, Me = async () => {
+      try {
+        await e.disconnect(), console.log("User logged out");
+      } catch (i) {
+        console.error("Logout failed:", i);
+      }
+    }, Z = async (i, n) => {
+      if (e.isSimulationMode) {
+        e.addNotification({
+          message: "Cannot set avatar in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      try {
+        if (!(await fetch(`${A.value}/auth/update-avatar`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${e.authToken}`
+          },
+          body: JSON.stringify({ platform: i, platformId: n })
+        })).ok) throw new Error("Failed to set avatar");
+        await e.fetchUserStatus(), e.addNotification({ type: "success", message: "Avatar updated!" });
+      } catch (_) {
+        e.addNotification({ type: "error", message: "Oops, couldn't set avatar. Try again?" }), console.error("Failed to set avatar:", _);
+      }
+    };
+    m(() => e.accountConnected), m(() => e.currentWalletNeedsAuth);
+    const ee = m(() => e.accountAddress);
+    m(() => e.isWalletAuthenticated(ee.value));
+    const _e = m(() => ee.value ? L.value.find((i) => {
+      var n, _;
+      return ((n = i.id) == null ? void 0 : n.toLowerCase()) === ((_ = ee.value) == null ? void 0 : _.toLowerCase());
+    }) : null), Fe = async () => {
+      try {
+        await e.openAccountModal();
+      } catch {
+        e.addNotification({ type: "error", message: "Couldn't open wallet modal" });
+      }
+    };
+    return (i, n) => (s(), S(ke, null, {
+      "admin-controls": p(() => [
+        o(e).isAdmin ? (s(), l("div", rt, [
+          !I.value && !o(e).isSimulationMode ? (s(), l("button", {
+            key: 0,
+            class: "_p-2 _bg-metallic-linear _shadow-panel _rounded-full _cursor-pointer mouse:hover:_scale-110 _duration-150",
+            onClick: n[0] || (n[0] = (_) => I.value = !0),
+            title: "Admin Mode"
+          }, [
+            (s(), l("svg", dt, n[5] || (n[5] = [
+              t("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z",
+                style: { "pointer-events": "none" }
+              }, null, -1),
+              t("path", {
+                "stroke-linecap": "round",
+                "stroke-linejoin": "round",
+                "stroke-width": "2",
+                d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z",
+                style: { "pointer-events": "none" }
+              }, null, -1)
+            ])))
+          ])) : r("", !0),
+          I.value || o(e).isSimulationMode ? (s(), l("div", ut, [
+            o(e).isSimulationMode ? (s(), l("div", ct, " SIMULATION MODE ")) : r("", !0),
+            o(e).isSimulationMode ? r("", !0) : (s(), l("div", _t, [
+              E(t("input", {
+                "onUpdate:modelValue": n[1] || (n[1] = (_) => K.value = _),
+                type: "text",
+                placeholder: "Username or ID",
+                autocomplete: "off",
+                "data-1p-ignore": "",
+                class: "_w-full _px-2 _py-1 _text-sm _font-normal _rounded _bg-black/20 _border _border-white/10 _outline-none focus:_border-white/30",
+                onKeyup: ge(ue, ["enter"])
+              }, null, 544), [
+                [he, K.value]
+              ]),
+              t("button", {
+                class: "_w-full _px-3 _py-1 _text-sm _bg-blue-500/80 _rounded mouse:hover:_bg-blue-500 _duration-150",
+                disabled: !K.value || $.value,
+                onClick: ue
+              }, g($.value ? "Loading..." : "Simulate User"), 9, mt),
+              t("button", {
+                class: "_w-full _px-3 _py-1 _text-xs _bg-white/10 _rounded mouse:hover:_bg-white/20 _duration-150",
+                onClick: n[2] || (n[2] = (_) => I.value = !1)
+              }, " Cancel ")
+            ])),
+            o(e).isSimulationMode ? (s(), l("button", {
+              key: 2,
+              class: "_w-full _px-3 _py-1.5 _text-sm _bg-red-500/80 _rounded mouse:hover:_bg-red-500 _duration-150 _font-semibold",
+              onClick: Ne
+            }, " Exit Simulation ")) : r("", !0)
+          ])) : r("", !0)
+        ])) : r("", !0)
+      ]),
+      avatar: p(() => {
+        var _, h, a, b, y, C;
+        return [
+          t("div", {
+            class: k(["_size-full _flex _items-center _justify-center _rounded-full _duration-150 _delay-50", { "_opacity-0": !N.value }]),
+            style: { "box-shadow": "0 16px 24px 2px rgba(0, 0, 0, 0.4)" }
+          }, [
+            N.value ? (s(), S(o(f), {
+              key: ((_ = o(e).user) == null ? void 0 : _.avatar) || ((a = (h = o(e).isFarcaster) == null ? void 0 : h.user) == null ? void 0 : a.avatar) || "smiley-face",
+              mode: "glass-inner-wall",
+              "image-source": ((b = o(e).user) == null ? void 0 : b.avatar) || ((C = (y = o(e).isFarcaster) == null ? void 0 : y.user) == null ? void 0 : C.avatar) || o(xe),
+              style: { width: "175%", height: "175%" },
+              class: "_cursor-grab",
+              onClick: n[3] || (n[3] = (q) => o(e).addNotification({
+                message: "Click one of your avatar's to set as your profile pic!"
+              }))
+            }, null, 8, ["image-source"])) : r("", !0)
+          ], 2)
+        ];
+      }),
+      title: p(() => {
+        var _;
+        return [
+          E(t("div", pt, [
+            t("span", ft, g(((_ = o(e).user) == null ? void 0 : _.username) || "Not set"), 1),
+            t("button", {
+              class: "_p-1 _-m-0.5 _leading-none _flex-shrink-0 _block mouse:hover:_scale-[1.2] _duration-150 _rounded-md",
+              onClick: Le
+            }, n[6] || (n[6] = [
+              t("img", {
+                src: Ve,
+                class: "_h-[0.72em] _opacity-20 _pointer-events-none"
+              }, null, -1)
+            ]))
+          ], 512), [
+            [ae, !W.value]
+          ]),
+          E(t("div", vt, [
+            E(t("input", {
+              ref_key: "usernameInput",
+              ref: v,
+              "onUpdate:modelValue": n[4] || (n[4] = (h) => D.value = h),
+              type: "text",
+              maxlength: "22",
+              autocomplete: "off",
+              "data-1p-ignore": "",
+              class: k(["_flex-1 _text-stroke-2xl _bg-transparent _text-center _w-full _outline-none", { "_border-red-500": !Y.value && D.value }]),
+              placeholder: "Enter new username",
+              onInput: ze,
+              onKeyup: ge(ce, ["enter"])
+            }, null, 34), [
+              [he, D.value]
+            ])
+          ], 512), [
+            [ae, W.value]
+          ])
+        ];
+      }),
+      description: p(() => {
+        var _, h;
+        return [
+          E(t("div", gt, [
+            t("button", {
+              class: "_text-xl _shadow-panel _pl-[0.3em] _pr-[0.5em] _rounded-full _bg-metallic-cone _leading-none _py-[0.25em] _flex _gap-[0.2em] mouse:hover:_scale-[1.05] _duration-150",
+              onClick: c
+            }, [
+              n[7] || (n[7] = t("span", null, "🪩", -1)),
+              t("span", ht, g((h = (_ = o(e).user) == null ? void 0 : _.totalBalls) == null ? void 0 : h.toLocaleString()), 1)
+            ])
+          ], 512), [
+            [ae, !W.value]
+          ]),
+          E(t("div", bt, [
+            t("button", {
+              class: "_bubble-btn _h-11 _text-base _min-w-[5em] _weight-semibold",
+              style: { filter: "hue-rotate(-340deg) saturate(1.8)" },
+              onClick: ce
+            }, n[8] || (n[8] = [
+              t("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Save", -1)
+            ])),
+            t("button", {
+              class: "_bubble-btn _h-11 _text-base _min-w-[5em] _weight-semibold",
+              onClick: De
+            }, n[9] || (n[9] = [
+              t("span", null, "Cancel", -1)
+            ]))
+          ], 512), [
+            [ae, W.value]
+          ])
+        ];
+      }),
+      default: p(() => {
+        var _, h;
+        return [
+          t("section", yt, [
+            t("section", wt, [
+              t("div", xt, [
+                t("h3", kt, "wallet" + g(L.value.length > 1 ? "s" : ""), 1)
+              ]),
+              t("ul", At, [
+                (s(!0), l(w, null, P(L.value, (a) => {
+                  var b, y, C, q, me, pe, fe, ve;
+                  return s(), l("li", {
+                    key: a.id,
+                    class: k(["_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg", {
+                      "_order-first": o(e).accountConnected && a.id.toLowerCase() === ((b = o(e).accountAddress) == null ? void 0 : b.toLowerCase())
+                    }])
+                  }, [
+                    t("div", Ct, [
+                      t("button", {
+                        class: k(["_size-11 _flex _items-stretch _p-1.5 _group _rounded-md _overflow-hidden", [
+                          {
+                            "_shadow-panel": a.avatar,
+                            "_shadow-panel-inset _bg-metallic-cone _cursor-default": a.avatar === ((y = o(e).user) == null ? void 0 : y.avatar)
+                          }
+                        ]]),
+                        disabled: !a.avatar
+                      }, [
+                        a.avatar ? (s(), l("div", {
+                          key: 0,
+                          onClick: () => Z("wallet", a.id),
+                          style: { background: "none" },
+                          type: "button",
+                          title: "Set as profile avatar"
+                        }, [
+                          t("img", {
+                            src: `${a.avatar}`,
+                            class: k(["_size-full _rounded-full _duration-150", {
+                              "group-hover:_scale-[1.8]": a.avatar !== ((C = o(e).user) == null ? void 0 : C.avatar)
+                            }])
+                          }, null, 10, Bt)
+                        ], 8, Ut)) : (s(), l("div", Nt, n[10] || (n[10] = [
+                          t("img", {
+                            src: we,
+                            class: "_size-6 _rounded",
+                            style: { "background-color": "#f1584d" }
+                          }, null, -1)
+                        ])))
+                      ], 10, St),
+                      t("div", Tt, [
+                        t("div", {
+                          onClick: () => {
+                            var te;
+                            return a.id.toLowerCase() == ((te = o(e).accountAddress) == null ? void 0 : te.toLowerCase()) && Fe();
+                          },
+                          class: k(["_flex-1 _min-w-0 _truncate _text-em-lg", {
+                            "_text-stroke-xl _tracking-wide": L.value.length > 1 && o(e).accountConnected && a.id.toLowerCase() === ((q = o(e).accountAddress) == null ? void 0 : q.toLowerCase()),
+                            "cursor-pointer": a.id.toLowerCase() == ((me = o(e).accountAddress) == null ? void 0 : me.toLowerCase())
+                          }])
+                        }, g(a.username == a.id ? ie(a.id) : a.username), 11, zt),
+                        o(e).accountConnected && a.id.toLowerCase() === ((pe = o(e).accountAddress) == null ? void 0 : pe.toLowerCase()) ? (s(), l("div", Lt, [
+                          n[11] || (n[11] = d(" connected ")),
+                          (fe = a.metadata) != null && fe.origin ? (s(), l(w, { key: 0 }, [
+                            d(" via " + g(a.metadata.origin), 1)
+                          ], 64)) : r("", !0)
+                        ])) : (ve = a.metadata) != null && ve.origin ? (s(), l("div", Dt, " via " + g(a.metadata.origin), 1)) : r("", !0)
+                      ])
+                    ]),
+                    O.value > 1 ? (s(), l("button", {
+                      key: 0,
+                      class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                      onClick: (te) => G("wallet", a.id, te),
+                      styleff: "filter: hue-rotate(130deg) saturate(2)",
+                      "aria-label": "Remove"
+                    }, [
+                      t("span", Ft, [
+                        x.value.platform == "wallet" && x.value.id == a.id ? (s(), l(w, { key: 0 }, [
+                          d(" Confirm? ")
+                        ], 64)) : (s(), l(w, { key: 1 }, [
+                          d(" ⛌ ")
+                        ], 64))
+                      ])
+                    ], 8, Mt)) : r("", !0)
+                  ], 2);
+                }), 128)),
+                o(u) && o(e).accountConnected && o(e).currentWalletNeedsAuth ? (s(), S(Ae, {
+                  key: 0,
+                  "wallet-address": o(e).accountAddress,
+                  "wallet-avatar": (_ = _e.value) == null ? void 0 : _.avatar,
+                  "display-name": ((h = _e.value) == null ? void 0 : h.username) || ee.value,
+                  disabled: o(e).isSimulationMode
+                }, {
+                  default: p(() => [
+                    d(" Authenticate " + g(ie(o(e).accountAddress)), 1)
+                  ]),
+                  _: 1
+                }, 8, ["wallet-address", "wallet-avatar", "display-name", "disabled"])) : r("", !0),
+                o(u) && !o(e).accountConnected ? (s(), S(T, {
+                  key: 1,
+                  platform: "wallet",
+                  points: L.value.length ? void 0 : "+10",
+                  disabled: o(e).isSimulationMode,
+                  class: "_w-full"
+                }, {
+                  default: p(() => [
+                    d(g(L.value.length > 0 ? "Link another Wallet" : "Link Wallet"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["points", "disabled"])) : r("", !0)
+              ])
+            ]),
+            t("section", Ht, [
+              Q.value.length ? (s(), l("div", Wt, n[12] || (n[12] = [
+                t("h3", { class: "_text-xl _weight-bold" }, "discord", -1)
+              ]))) : r("", !0),
+              t("ul", Yt, [
+                (s(!0), l(w, null, P(Q.value, (a) => {
+                  var b, y;
+                  return s(), l("li", {
+                    key: a.id,
+                    class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+                  }, [
+                    t("div", jt, [
+                      t("button", {
+                        class: k(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                          {
+                            "_shadow-panel": a.avatar,
+                            "_shadow-panel-inset _bg-metallic-cone _cursor-default": a.avatar === ((b = o(e).user) == null ? void 0 : b.avatar)
+                          }
+                        ]]),
+                        disabled: !a.avatar
+                      }, [
+                        a.avatar ? (s(), l("div", {
+                          key: 0,
+                          onClick: () => Z("discord", a.id),
+                          style: { background: "none" },
+                          type: "button",
+                          title: "Set as profile avatar"
+                        }, [
+                          t("img", {
+                            src: `${a.avatar}`,
+                            class: k(["_size-full _rounded-full _duration-150", {
+                              "group-hover:_scale-[1.8]": a.avatar !== ((y = o(e).user) == null ? void 0 : y.avatar)
+                            }])
+                          }, null, 10, Kt)
+                        ], 8, It)) : (s(), l("div", Et, n[13] || (n[13] = [
+                          t("img", {
+                            src: Ie,
+                            class: "_size-6 _rounded",
+                            style: { "background-color": "#5865f2" }
+                          }, null, -1)
+                        ])))
+                      ], 10, Qt),
+                      t("div", Xt, [
+                        t("div", Jt, g(a.username), 1)
+                      ])
+                    ]),
+                    O.value > 1 ? (s(), l("button", {
+                      key: 0,
+                      class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                      onClick: (C) => G("discord", a.id, C),
+                      styleff: "filter: hue-rotate(130deg) saturate(2)",
+                      "aria-label": "Remove"
+                    }, [
+                      t("span", Rt, [
+                        x.value.platform == "discord" && x.value.id == a.id ? (s(), l(w, { key: 0 }, [
+                          d(" Confirm? ")
+                        ], 64)) : (s(), l(w, { key: 1 }, [
+                          d(" ⛌ ")
+                        ], 64))
+                      ])
+                    ], 8, Vt)) : r("", !0)
+                  ]);
+                }), 128)),
+                Ce.value ? r("", !0) : (s(), S(T, {
+                  key: 0,
+                  platform: "discord",
+                  points: "+10",
+                  disabled: o(e).isSimulationMode,
+                  class: "_w-full"
+                }, {
+                  default: p(() => [
+                    d(g(Q.value.length > 0 ? "Link Another Discord" : "Link Discord"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]))
+              ])
+            ]),
+            t("section", Ot, [
+              V.value.length ? (s(), l("div", Gt, n[14] || (n[14] = [
+                t("h3", { class: "_text-xl _weight-bold" }, "twitter", -1)
+              ]))) : r("", !0),
+              t("ul", Zt, [
+                (s(!0), l(w, null, P(V.value, (a) => {
+                  var b, y, C;
+                  return s(), l("li", {
+                    key: a.id,
+                    class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+                  }, [
+                    t("div", qt, [
+                      t("button", {
+                        class: k(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                          {
+                            "_shadow-panel": a.avatar,
+                            "_shadow-panel-inset _bg-metallic-cone _cursor-default": a.avatar === ((b = o(e).user) == null ? void 0 : b.avatar)
+                          }
+                        ]]),
+                        disabled: !a.avatar
+                      }, [
+                        a.avatar ? (s(), l("div", {
+                          key: 0,
+                          onClick: () => Z("twitter", a.id),
+                          style: { background: "none" },
+                          type: "button",
+                          title: "Set as profile avatar"
+                        }, [
+                          t("img", {
+                            src: `${a.avatar}`,
+                            class: k(["_size-full _rounded-full _duration-150", {
+                              "group-hover:_scale-[1.8]": a.avatar !== ((y = o(e).user) == null ? void 0 : y.avatar)
+                            }])
+                          }, null, 10, ea)
+                        ], 8, $t)) : (s(), l("div", ta, n[15] || (n[15] = [
+                          t("img", {
+                            src: Ke,
+                            class: "_size-6 _rounded",
+                            style: { "background-color": "#000" }
+                          }, null, -1)
+                        ])))
+                      ], 10, Pt),
+                      t("div", aa, [
+                        t("div", sa, g(a.username), 1),
+                        (C = a.metadata) != null && C.verified ? (s(), l("div", na, " verified ✓ ")) : r("", !0)
+                      ])
+                    ]),
+                    O.value > 1 ? (s(), l("button", {
+                      key: 0,
+                      class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                      onClick: (q) => G("twitter", a.id, q),
+                      styleff: "filter: hue-rotate(130deg) saturate(2)",
+                      "aria-label": "Remove"
+                    }, [
+                      t("span", oa, [
+                        x.value.platform == "twitter" && x.value.id == a.id ? (s(), l(w, { key: 0 }, [
+                          d(" Confirm? ")
+                        ], 64)) : (s(), l(w, { key: 1 }, [
+                          d(" ⛌ ")
+                        ], 64))
+                      ])
+                    ], 8, la)) : r("", !0)
+                  ]);
+                }), 128)),
+                Ue.value ? r("", !0) : (s(), S(T, {
+                  key: 0,
+                  platform: "twitter",
+                  points: "+10",
+                  disabled: o(e).isSimulationMode,
+                  class: "_w-full"
+                }, {
+                  default: p(() => [
+                    d(g(V.value.length > 0 ? "Link Another TwitterX" : "Link TwitterX"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]))
+              ])
+            ]),
+            t("section", ia, [
+              R.value.length ? (s(), l("div", ra, n[16] || (n[16] = [
+                t("h3", { class: "_text-xl _weight-bold" }, "telegram", -1)
+              ]))) : r("", !0),
+              t("ul", da, [
+                (s(!0), l(w, null, P(R.value, (a) => {
+                  var b, y;
+                  return s(), l("li", {
+                    key: a.id,
+                    class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+                  }, [
+                    t("div", ua, [
+                      t("button", {
+                        class: k(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                          {
+                            "_shadow-panel": a.avatar,
+                            "_shadow-panel-inset _bg-metallic-cone _cursor-default": a.avatar === ((b = o(e).user) == null ? void 0 : b.avatar)
+                          }
+                        ]]),
+                        disabled: !a.avatar
+                      }, [
+                        a.avatar ? (s(), l("div", {
+                          key: 0,
+                          onClick: () => Z("telegram", a.id),
+                          style: { background: "none" },
+                          type: "button",
+                          title: "Set as profile avatar"
+                        }, [
+                          t("img", {
+                            src: `${a.avatar}`,
+                            class: k(["_size-full _rounded-full _duration-150", {
+                              "group-hover:_scale-[1.8]": a.avatar !== ((y = o(e).user) == null ? void 0 : y.avatar)
+                            }])
+                          }, null, 10, ma)
+                        ], 8, _a)) : (s(), l("div", pa, n[17] || (n[17] = [
+                          t("img", {
+                            src: Ee,
+                            class: "_size-6 _rounded",
+                            style: { "background-color": "#0088cc" }
+                          }, null, -1)
+                        ])))
+                      ], 10, ca),
+                      t("div", fa, [
+                        t("div", va, g(a.username), 1)
+                      ])
+                    ]),
+                    O.value > 1 ? (s(), l("button", {
+                      key: 0,
+                      class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                      onClick: (C) => G("telegram", a.id, C),
+                      styleff: "filter: hue-rotate(130deg) saturate(2)",
+                      "aria-label": "Remove"
+                    }, [
+                      t("span", ha, [
+                        x.value.platform == "telegram" && x.value.id == a.id ? (s(), l(w, { key: 0 }, [
+                          d(" Confirm? ")
+                        ], 64)) : (s(), l(w, { key: 1 }, [
+                          d(" ⛌ ")
+                        ], 64))
+                      ])
+                    ], 8, ga)) : r("", !0)
+                  ]);
+                }), 128)),
+                Be.value ? r("", !0) : (s(), S(T, {
+                  key: 0,
+                  platform: "telegram",
+                  points: "+10",
+                  disabled: o(e).isSimulationMode,
+                  class: "_w-full"
+                }, {
+                  default: p(() => [
+                    d(g(R.value.length > 0 ? "Link Another Telegram" : "Link Telegram"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"]))
+              ])
+            ]),
+            t("section", {
+              class: k(["_bg-metallic-linear _shadow-panel _p-4 _pb-5 _space-y-2 _rounded-lg", { "_order-first": o(e).isFarcaster }])
+            }, [
+              J.value.length ? (s(), l("div", ba, n[18] || (n[18] = [
+                t("h3", { class: "_text-xl _weight-bold" }, "farcaster", -1)
+              ]))) : r("", !0),
+              t("ul", ya, [
+                (s(!0), l(w, null, P(J.value, (a) => {
+                  var b, y;
+                  return s(), l("li", {
+                    key: a.id
+                  }, [
+                    t("div", wa, [
+                      t("div", xa, [
+                        t("button", {
+                          class: k(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                            {
+                              "_shadow-panel": a.avatar,
+                              "_shadow-panel-inset _bg-metallic-cone _cursor-default": a.avatar === ((b = o(e).user) == null ? void 0 : b.avatar)
+                            }
+                          ]]),
+                          disabled: !a.avatar
+                        }, [
+                          a.avatar ? (s(), l("div", {
+                            key: 0,
+                            onClick: () => Z("farcaster", a.id),
+                            style: { background: "none" },
+                            type: "button",
+                            title: "Set as profile avatar"
+                          }, [
+                            t("img", {
+                              src: `${a.avatar}`,
+                              class: k(["_size-full _rounded-full _duration-150", {
+                                "group-hover:_scale-[1.8]": a.avatar !== ((y = o(e).user) == null ? void 0 : y.avatar)
+                              }])
+                            }, null, 10, Ca)
+                          ], 8, Aa)) : (s(), l("div", Sa, n[19] || (n[19] = [
+                            t("img", {
+                              src: Xe,
+                              class: "_size-6 _rounded",
+                              style: { "background-color": "#000" }
+                            }, null, -1)
+                          ])))
+                        ], 10, ka),
+                        t("div", Ua, [
+                          t("div", Ba, g(a.username), 1)
+                        ])
+                      ]),
+                      O.value > 1 ? (s(), l("button", {
+                        key: 0,
+                        class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                        onClick: (C) => G("farcaster", a.id, C),
+                        styleff: "filter: hue-rotate(130deg) saturate(2)",
+                        "aria-label": "Remove"
+                      }, [
+                        t("span", Ta, [
+                          x.value.platform == "farcaster" && x.value.id == a.id ? (s(), l(w, { key: 0 }, [
+                            d(" Confirm? ")
+                          ], 64)) : (s(), l(w, { key: 1 }, [
+                            d(" ⛌ ")
+                          ], 64))
+                        ])
+                      ], 8, Na)) : r("", !0)
+                    ])
+                  ]);
+                }), 128)),
+                Se.value ? r("", !0) : (s(), S(T, {
+                  key: 0,
+                  platform: "farcaster",
+                  points: "+10",
+                  disabled: o(e).isSimulationMode,
+                  class: "_w-full"
+                }, {
+                  default: p(() => [
+                    d(g(J.value.length > 0 ? "Link Another Farcaster" : "Link Farcaster"), 1)
+                  ]),
+                  _: 1
+                }, 8, ["disabled"])),
+                B.value && !B.value.client.added && H.value ? (s(), S(T, {
+                  key: 1,
+                  platform: "farcaster",
+                  points: "+10",
+                  disabled: o(e).isSimulationMode,
+                  class: "_w-full",
+                  onClick: z
+                }, {
+                  default: p(() => n[20] || (n[20] = [
+                    d(" Add this Mini App ")
+                  ])),
+                  _: 1
+                }, 8, ["disabled"])) : r("", !0)
+              ])
+            ], 2)
+          ]),
+          t("footer", { class: "_bg-metallic-cone _p-4 _rounded-lg _shadow-panel _flex _items-center _justify-center" }, [
+            t("button", {
+              onClick: Me,
+              class: "_bubble-btn-full _h-16 _text-lg _bold"
+            }, n[21] || (n[21] = [
+              t("span", null, "logout 💤", -1)
+            ]))
+          ])
+        ];
+      }),
+      _: 1
+    }));
+  }
+}, La = ["data"], Da = { class: "_w-full _max-w-[22em] _mx-auto _px-1.5 sm:_px-8 _flex _flex-col _gap-4 _items-center" }, Ma = { class: "_flex _flex-col _w-full _leading-none" }, Fa = {
+  __name: "ConnectAccount",
+  setup(F) {
+    const f = X("TrifleHub/store"), e = m(() => f.getPlatformData("wallet")), u = m(() => f.accountConnected), A = m(() => f.currentWalletNeedsAuth), B = m(() => f.accountAddress), H = m(() => B.value ? e.value.find((z) => {
+      var c, N;
+      return ((c = z.id) == null ? void 0 : c.toLowerCase()) === ((N = B.value) == null ? void 0 : N.toLowerCase());
+    }) : null);
+    return (z, c) => (s(), S(ke, null, {
+      avatar: p(() => [
+        t("object", {
+          data: o(xe),
+          alt: "smiley face with dashed outline",
+          class: "_w-full _block _transform _origin-center _scale-[1.35] sm:_scale-[1.45]"
+        }, null, 8, La)
+      ]),
+      title: p(() => c[0] || (c[0] = [
+        t("div", { class: "_text-stroke-2xl" }, g("who r u??"), -1)
+      ])),
+      description: p(() => c[1] || (c[1] = [
+        t("p", { class: "_-mt-2" }, [
+          d(" Link identities → "),
+          t("span", {
+            class: "_ffborder-b _border-current",
+            style: { "border-style": "dashed" }
+          }, " earn BALL$"),
+          d(" 🪩 ")
+        ], -1)
+      ])),
+      default: p(() => {
+        var N, j;
+        return [
+          t("section", Da, [
+            t("nav", Ma, [
+              u.value && A.value ? (s(), S(Ae, {
+                key: 0,
+                "wallet-address": B.value,
+                "wallet-avatar": (N = H.value) == null ? void 0 : N.avatar,
+                "display-name": ((j = H.value) == null ? void 0 : j.username) || B.value,
+                class: "_mb-1"
+              }, null, 8, ["wallet-address", "wallet-avatar", "display-name"])) : (s(), S(T, {
+                key: 1,
+                platform: "wallet",
+                points: "+10"
+              }, {
+                default: p(() => c[2] || (c[2] = [
+                  d(" Wallet Login ")
+                ])),
+                _: 1
+              })),
+              se(T, {
+                platform: "discord",
+                points: "+10"
+              }, {
+                default: p(() => c[3] || (c[3] = [
+                  d(" Discord Login ")
+                ])),
+                _: 1
+              }),
+              se(T, {
+                platform: "twitter",
+                points: "+10"
+              }, {
+                default: p(() => c[4] || (c[4] = [
+                  d(" TwitterX Login ")
+                ])),
+                _: 1
+              }),
+              se(T, {
+                platform: "telegram",
+                points: "+10"
+              }, {
+                default: p(() => c[5] || (c[5] = [
+                  d(" Telegram Login ")
+                ])),
+                _: 1
+              }),
+              se(T, {
+                platform: "farcaster",
+                points: "+10",
+                class: k({ "_order-first": o(f).isFarcaster })
+              }, {
+                default: p(() => c[6] || (c[6] = [
+                  d(" Farcaster Login ")
+                ])),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }));
+  }
+}, Ka = {
+  __name: "AccountIndex",
+  setup(F) {
+    const f = X("TrifleHub/store"), { isAuthenticated: e } = be(f);
+    return (u, A) => o(e) ? (s(), S(za, { key: 0 })) : (s(), S(Fa, { key: 1 }));
+  }
+};
+export {
+  Ka as default
+};