@trifle/trifle-hub 1.0.158 → 1.0.159

package/dist/Profile-DQwKnS5C.js

@@ -0,0 +1,1619 @@
+import { createElementBlock as a, openBlock as t, createElementVNode as e, renderSlot as re, createCommentVNode as i, computed as v, inject as ue, normalizeStyle as fe, toDisplayString as _, ref as h, unref as u, Fragment as T, createTextVNode as b, watch as Be, normalizeClass as A, createBlock as W, renderList as ie, withCtx as P, defineComponent as We, onMounted as we, withDirectives as _e, withKeys as ke, vModelText as Ae, resolveDynamicComponent as Qe, mergeProps as Ee, defineAsyncComponent as Ke, createSlots as Ve, createVNode as Je, vShow as Te, nextTick as Xe } from "vue";
+import { p as De, a5 as Ne, a6 as Me, a7 as Le, a8 as je, a9 as $e, V as Oe, m as Ge } from "./index-Csp20V_C.js";
+import { storeToRefs as Ce } from "pinia";
+import { _ as Fe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Ze = "data:image/png;base64,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", qe = {}, et = { class: "_p-5 _w-full _flex _flex-col _gap-6 _items-center _overflow-y-scroll-masked _no-scrollbar _relative" }, tt = { class: "_absolute _top-4 _left-4 _z-10" }, at = { class: "_mt-8 _w-full _text-center" }, st = { class: "_size-24 _rounded-full _mx-auto" }, lt = { class: "_mt-5 _flex _flex-col _gap-3 _w-full" }, nt = { class: "_text-5xl _tracking-wide _w-full _text-center _min-w-0" }, ot = { class: "_w-full _flex-1 _flex _flex-col _gap-3" };
+function rt(x, s) {
+  return t(), a("div", et, [
+    e("div", tt, [
+      re(x.$slots, "admin-controls")
+    ]),
+    e("header", at, [
+      e("div", st, [
+        re(x.$slots, "avatar")
+      ]),
+      e("div", lt, [
+        e("h2", nt, [
+          re(x.$slots, "title")
+        ]),
+        x.$slots.description ? re(x.$slots, "description", { key: 0 }) : i("", !0)
+      ])
+    ]),
+    e("section", ot, [
+      re(x.$slots, "default")
+    ])
+  ]);
+}
+const it = /* @__PURE__ */ Fe(qe, [["render", rt]]), ut = ["disabled"], ct = { class: "_size-7 _rounded-lg _overflow-hidden" }, dt = ["src"], _t = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-md _leading-snug" }, ft = { class: "_size-7 _flex _justify-end _items-center" }, mt = {
+  key: 0,
+  class: "_whitespace-nowrap _leading-snug _pr-[0.25em] _pl-[0.4em] _shadow-panel-inset _rounded-full _text-[0.875em] _tracking-tight"
+}, oe = {
+  __name: "AuthButton",
+  props: {
+    platform: {
+      type: String,
+      default: "wallet"
+    },
+    points: {
+      type: String,
+      default: void 0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(x) {
+    const s = x, C = v(() => De[s.platform]), r = ue("TrifleHub/store");
+    let S = !1;
+    const D = async (m) => {
+      if (!S)
+        switch (S = !0, setTimeout(() => {
+          S = !1;
+        }, 1e3), m) {
+          case "discord":
+            await y();
+            break;
+          case "farcaster":
+            await B();
+            break;
+          case "wallet":
+            await o();
+            break;
+          case "twitter":
+            await z();
+            break;
+          case "telegram":
+            await w();
+            break;
+          default:
+            throw new Error(`Unsupported platform: ${m}`);
+        }
+    }, B = async () => {
+      console.log("Farcaster connect clicked");
+      try {
+        await r.connectFarcaster();
+      } catch (m) {
+        console.error("Farcaster connection failed:", m), r.addNotification({
+          type: "error",
+          message: "Farcaster login failed. Try again?"
+        });
+      }
+    }, o = async () => {
+      try {
+        await r.connectWallet();
+      } catch (m) {
+        console.error("Wallet connection failed:", m), r.addNotification({
+          type: "error",
+          message: "Wallet login failed. Try again?"
+        });
+      }
+    }, y = async () => {
+      try {
+        await r.connectDiscord();
+      } catch (m) {
+        m.message.includes("Authentication window closed") && r.addNotification({
+          type: "error",
+          message: "Discord login failed. Try again?"
+        }), console.error("Discord connection failed:", m);
+      }
+    }, z = async () => {
+      try {
+        await r.connectTwitter();
+      } catch (m) {
+        m.message.includes("Authentication window closed") && r.addNotification({
+          type: "error",
+          message: "TwitterX login failed. Try again?"
+        }), console.error("TwitterX connection failed:", m);
+      }
+    }, w = async () => {
+      try {
+        await r.connectTelegram();
+      } catch (m) {
+        console.error("Telegram connection failed:", m), r.addNotification({
+          type: "error",
+          message: "Telegram login failed. Try again?"
+        });
+      }
+    };
+    return (m, j) => (t(), a("button", {
+      class: "_platform-login-btn _bubble-btn-full _p-4.5",
+      style: fe({
+        filter: `hue-rotate(${C.value.bubbleButtonStyle.hueRotate}deg) saturate(${C.value.bubbleButtonStyle.saturate}) brightness(${C.value.bubbleButtonStyle.brightness || 1})`
+      }),
+      disabled: s.disabled,
+      onClick: j[0] || (j[0] = (N) => s.click || D(s.platform))
+    }, [
+      e("div", {
+        class: "_flex _justify-between _items-center _gap-2.5",
+        style: fe({
+          filter: `hue-rotate(${C.value.bubbleButtonStyle.hueRotate * -1}deg) saturate(${1 / C.value.bubbleButtonStyle.saturate})`
+        })
+      }, [
+        e("div", ct, [
+          e("img", {
+            src: C.value.icon,
+            class: "_w-full",
+            style: fe({ backgroundColor: C.value.iconBgColor })
+          }, null, 12, dt)
+        ]),
+        e("div", _t, [
+          re(m.$slots, "default")
+        ]),
+        e("div", ft, [
+          s.points ? (t(), a("div", mt, _(s.points) + " 🪩 ", 1)) : i("", !0)
+        ])
+      ], 4)
+    ], 12, ut));
+  }
+}, vt = { class: "_flex _flex-col _gap-2ff _bg-metallic-linear _shadow-panel _rounded-lg _p-3 _gap-3" }, pt = { class: "_flex _items-center _justify-between _gap-3" }, gt = { class: "_flex _items-center _gap-2.5 _min-w-0" }, ht = { class: "_flex-1 _min-w-0 _leading-tight" }, yt = { class: "_flex-1 _min-w-0 _truncate _text-em-lg _text-gray-500" }, bt = ["disabled"], xt = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-md _leading-snug" }, wt = {
+  key: 0,
+  class: "_animate-pulse-deep"
+}, kt = {
+  __name: "AuthenticateWalletSection",
+  props: {
+    walletAddress: String,
+    walletAvatar: String,
+    displayName: String,
+    points: String,
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(x) {
+    const s = De.wallet, C = x, r = ue("TrifleHub/store"), S = h(!1), D = async () => {
+      if (C.disabled || r.isSimulationMode) {
+        r.addNotification({
+          message: "Cannot disconnect wallet in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      try {
+        await r.disconnect(), r.addNotification({ message: "Wallet disconnected" });
+      } catch (o) {
+        console.error(o), r.addNotification({ type: "error", message: "Failed to disconnect wallet" });
+      }
+    }, B = async () => {
+      if (C.disabled || r.isSimulationMode) {
+        r.addNotification({
+          message: "Cannot authenticate wallet in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      S.value = !0;
+      try {
+        await r.authenticateWithWallet(C.walletAddress);
+      } catch {
+        r.addNotification({ type: "error", message: "Authentication failed" });
+      } finally {
+        S.value = !1;
+      }
+    };
+    return (o, y) => (t(), a("section", vt, [
+      e("div", pt, [
+        e("div", gt, [
+          y[0] || (y[0] = e("img", {
+            src: Ne,
+            class: "_size-7 _rounded-md",
+            style: { "background-color": "#f1584d" }
+          }, null, -1)),
+          e("div", ht, [
+            e("div", yt, _(x.displayName), 1)
+          ])
+        ]),
+        e("button", {
+          class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+          "aria-label": "Disconnect wallet",
+          onClick: D,
+          title: "Disconnect wallet"
+        }, y[1] || (y[1] = [
+          e("span", null, "⛌", -1)
+        ]))
+      ]),
+      e("button", {
+        class: "_platform-login-btn _bubble-btn _p-4.5 flex-1 basis-1/2ff min-w-0",
+        style: fe({
+          filter: `hue-rotate(${u(s).bubbleButtonStyle.hueRotate}deg) saturate(${u(s).bubbleButtonStyle.saturate}) brightness(${u(s).bubbleButtonStyle.brightness || 1})`
+        }),
+        onClick: B,
+        disabled: S.value || x.disabled
+      }, [
+        e("div", xt, [
+          S.value ? (t(), a("span", wt, "Confirm in your wallet...")) : (t(), a(T, { key: 1 }, [
+            b("Finish Wallet Login")
+          ], 64))
+        ])
+      ], 12, bt)
+    ]));
+  }
+}, At = /* @__PURE__ */ Fe(kt, [["__scopeId", "data-v-1fad0d64"]]), Ct = { class: "_flex _items-center _gap-2.5 _-mt-1.5" }, St = { class: "_text-mlg _opacity-30 _weight-bold" }, Ut = { class: "_flex _flex-col _gap-0.5" }, zt = { class: "_flex _items-center _gap-2" }, Tt = ["disabled"], Bt = ["onClick"], Dt = ["src"], Nt = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Mt = { class: "_flex-1 _min-w-0 _leading-tight" }, Lt = ["onClick"], jt = {
+  key: 0,
+  class: "_text-em-2xs _text-primary _leading-none _weight-semibold"
+}, $t = {
+  key: 0,
+  class: "_opacity-30"
+}, Ft = {
+  key: 1,
+  class: "_text-em-2xs _text-gray-500 _leading-none _weight-semibold"
+}, Ht = ["onClick"], Yt = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, It = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Pt = { class: "_space-y-0.5" }, Rt = { class: "_flex _items-center _gap-2" }, Wt = ["disabled"], Qt = ["onClick"], Et = ["src"], Kt = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, Vt = { class: "_flex-1 _min-w-0 _leading-tight" }, Jt = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Xt = ["onClick"], Ot = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, Gt = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, Zt = { class: "_space-y-0.5" }, qt = { class: "_flex _items-center _gap-2" }, ea = ["disabled"], ta = ["onClick"], aa = ["src"], sa = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, la = { class: "_flex-1 _min-w-0 _leading-tight" }, na = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, oa = {
+  key: 0,
+  class: "_text-em-2xs _text-blue-400 _leading-none"
+}, ra = ["onClick"], ia = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, ua = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, ca = { class: "_space-y-0.5" }, da = { class: "_flex _items-center _gap-2" }, _a = ["disabled"], fa = ["onClick"], ma = ["src"], va = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, pa = { class: "_flex-1 _min-w-0 _leading-tight" }, ga = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, ha = ["onClick"], ya = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, ba = {
+  key: 0,
+  class: "_flex _items-center _gap-2.5 _-mt-1.5"
+}, xa = { class: "_space-y-0.5" }, wa = { class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg" }, ka = { class: "_flex _items-center _gap-2" }, Aa = ["disabled"], Ca = ["onClick"], Sa = ["src"], Ua = {
+  key: 1,
+  class: "_w-full _flex _items-center _justify-center"
+}, za = { class: "_flex-1 _min-w-0 _leading-tight" }, Ta = { class: "_flex-1 _min-w-0 _truncate _text-em-lg" }, Ba = ["onClick"], Da = { styleff: "filter: hue-rotate(-130deg) saturate(0.5)" }, Na = {
+  __name: "AccountSettings",
+  setup(x) {
+    const s = ue("TrifleHub/store"), { isAuthenticated: C, backendUrl: r } = Ce(s), S = v(() => s.isFarcaster), D = v(() => s.isSuperApp), B = async () => {
+      await s.addFrame();
+    }, o = v(() => s.getPlatformData("wallet")), y = v(() => s.getPlatformData("discord").filter((k) => k.username)), z = v(() => s.getPlatformData("farcaster")), w = v(() => s.getPlatformData("twitter").filter((k) => k.username)), m = v(() => s.getPlatformData("telegram").filter((k) => k.username)), j = v(() => y.value.length > 0), N = v(() => z.value.length > 0), R = v(() => w.value.length > 0), Q = v(() => m.value.length > 0), I = v(
+      () => o.value.length + y.value.length + z.value.length + w.value.length + m.value.length
+    ), M = h({ platform: null, id: null }), E = async (k, d, H) => {
+      if (H.stopPropagation(), s.isSimulationMode) {
+        s.addNotification({
+          message: "Cannot disconnect platforms in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      if (M.value.platform === k && M.value.id === d) {
+        try {
+          await s.disconnectPlatformInstance(k, d);
+        } catch (X) {
+          console.error(`Failed to disconnect ${k} instance:`, X);
+        }
+        M.value = { platform: null, id: null };
+        return;
+      }
+      M.value = { platform: k, id: d };
+    }, V = () => {
+      M.value = { platform: null, id: null };
+    };
+    Be(M, (k) => {
+      k.platform ? window.addEventListener("click", V, { once: !0 }) : window.removeEventListener("click", V);
+    });
+    const ae = (k) => k ? `0x${k.slice(2, 6).toUpperCase()}...${k.slice(-4).toUpperCase()}` : "", se = async () => {
+      try {
+        await s.disconnect(), console.log("User logged out");
+      } catch (k) {
+        console.error("Logout failed:", k);
+      }
+    };
+    v(() => s.isWalletAuthenticated(s.accountAddress));
+    const p = v(() => s.accountAddress), f = v(() => p.value ? o.value.find((k) => {
+      var d, H;
+      return ((d = k.id) == null ? void 0 : d.toLowerCase()) === ((H = p.value) == null ? void 0 : H.toLowerCase());
+    }) : null), L = async () => {
+      try {
+        await s.openAccountModal();
+      } catch {
+        s.addNotification({ type: "error", message: "Couldn't open wallet modal" });
+      }
+    }, J = async (k, d) => {
+      if (s.isSimulationMode) {
+        s.addNotification({
+          message: "Cannot set avatar in simulation mode",
+          type: "error"
+        });
+        return;
+      }
+      try {
+        if (!(await fetch(`${r.value}/auth/update-avatar`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${s.authToken}`
+          },
+          body: JSON.stringify({ platform: k, platformId: d })
+        })).ok) throw new Error("Failed to set avatar");
+        await s.fetchUserStatus(), s.addNotification({ type: "success", message: "Avatar updated!" });
+      } catch (H) {
+        s.addNotification({ type: "error", message: "Oops, couldn't set avatar. Try again?" }), console.error("Failed to set avatar:", H);
+      }
+    };
+    return (k, d) => {
+      var H, X, ee, me, ve, pe;
+      return t(), a("section", {
+        class: A(["_flex _flex-col _gap-[inherit]", k.$attrs.class])
+      }, [
+        e("section", {
+          class: A(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((H = o.value) != null && H.length) }])
+        }, [
+          e("div", Ct, [
+            e("h3", St, " wallet" + _(o.value.length > 1 ? "s" : ""), 1)
+          ]),
+          e("ul", Ut, [
+            (t(!0), a(T, null, ie(o.value, (l) => {
+              var $, F, Y, le, ge, ce, ne, O;
+              return t(), a("li", {
+                key: l.id,
+                class: A(["_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg", {
+                  "_order-first": u(s).accountConnected && l.id.toLowerCase() === (($ = u(s).accountAddress) == null ? void 0 : $.toLowerCase())
+                }])
+              }, [
+                e("div", zt, [
+                  e("button", {
+                    class: A(["_size-11 _flex _items-stretch _p-1.5 _group _rounded-md _overflow-hidden", [
+                      {
+                        "_shadow-panel": l.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": l.avatar === ((F = u(s).user) == null ? void 0 : F.avatar)
+                      }
+                    ]]),
+                    disabled: !l.avatar
+                  }, [
+                    l.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("wallet", l.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${l.avatar}`,
+                        class: A(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": l.avatar !== ((Y = u(s).user) == null ? void 0 : Y.avatar)
+                        }])
+                      }, null, 10, Dt)
+                    ], 8, Bt)) : (t(), a("div", Nt, d[0] || (d[0] = [
+                      e("img", {
+                        src: Ne,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#f1584d" }
+                      }, null, -1)
+                    ])))
+                  ], 10, Tt),
+                  e("div", Mt, [
+                    e("div", {
+                      onClick: () => {
+                        var K;
+                        return l.id.toLowerCase() == ((K = u(s).accountAddress) == null ? void 0 : K.toLowerCase()) && L();
+                      },
+                      class: A(["_flex-1 _min-w-0 _truncate _text-em-lg", {
+                        "_text-stroke-xl _tracking-wide": o.value.length > 1 && u(s).accountConnected && l.id.toLowerCase() === ((le = u(s).accountAddress) == null ? void 0 : le.toLowerCase()),
+                        "cursor-pointer": l.id.toLowerCase() == ((ge = u(s).accountAddress) == null ? void 0 : ge.toLowerCase())
+                      }])
+                    }, _(l.username == l.id ? ae(l.id) : l.username), 11, Lt),
+                    u(s).accountConnected && l.id.toLowerCase() === ((ce = u(s).accountAddress) == null ? void 0 : ce.toLowerCase()) ? (t(), a("div", jt, [
+                      d[1] || (d[1] = b(" connected ")),
+                      (ne = l.metadata) != null && ne.origin ? (t(), a("span", $t, " via " + _(l.metadata.origin), 1)) : i("", !0)
+                    ])) : (O = l.metadata) != null && O.origin ? (t(), a("div", Ft, " via " + _(l.metadata.origin), 1)) : i("", !0)
+                  ])
+                ]),
+                I.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (K) => E("wallet", l.id, K),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", Yt, [
+                    M.value.platform == "wallet" && M.value.id == l.id ? (t(), a(T, { key: 0 }, [
+                      b(" Confirm? ")
+                    ], 64)) : (t(), a(T, { key: 1 }, [
+                      b(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, Ht)) : i("", !0)
+              ], 2);
+            }), 128)),
+            u(C) && u(s).accountConnected && u(s).currentWalletNeedsAuth ? (t(), W(At, {
+              key: 0,
+              "wallet-address": u(s).accountAddress,
+              "wallet-avatar": (X = f.value) == null ? void 0 : X.avatar,
+              "display-name": ((ee = f.value) == null ? void 0 : ee.username) || p.value,
+              disabled: u(s).isSimulationMode
+            }, {
+              default: P(() => [
+                b(" Authenticate " + _(ae(u(s).accountAddress)), 1)
+              ]),
+              _: 1
+            }, 8, ["wallet-address", "wallet-avatar", "display-name", "disabled"])) : i("", !0),
+            u(C) && !u(s).accountConnected ? (t(), W(oe, {
+              key: 1,
+              platform: "wallet",
+              points: o.value.length ? void 0 : "+10",
+              disabled: u(s).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: P(() => [
+                b(_(o.value.length > 0 ? "Link another Wallet" : "Link Wallet"), 1)
+              ]),
+              _: 1
+            }, 8, ["points", "disabled"])) : i("", !0)
+          ])
+        ], 2),
+        e("section", {
+          class: A(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((me = y.value) != null && me.length) }])
+        }, [
+          y.value.length ? (t(), a("div", It, d[2] || (d[2] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "discord", -1)
+          ]))) : i("", !0),
+          e("ul", Pt, [
+            (t(!0), a(T, null, ie(y.value, (l) => {
+              var $, F;
+              return t(), a("li", {
+                key: l.id,
+                class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+              }, [
+                e("div", Rt, [
+                  e("button", {
+                    class: A(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                      {
+                        "_shadow-panel": l.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": l.avatar === (($ = u(s).user) == null ? void 0 : $.avatar)
+                      }
+                    ]]),
+                    disabled: !l.avatar
+                  }, [
+                    l.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("discord", l.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${l.avatar}`,
+                        class: A(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": l.avatar !== ((F = u(s).user) == null ? void 0 : F.avatar)
+                        }])
+                      }, null, 10, Et)
+                    ], 8, Qt)) : (t(), a("div", Kt, d[3] || (d[3] = [
+                      e("img", {
+                        src: Me,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#5865f2" }
+                      }, null, -1)
+                    ])))
+                  ], 10, Wt),
+                  e("div", Vt, [
+                    e("div", Jt, _(l.username), 1)
+                  ])
+                ]),
+                I.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (Y) => E("discord", l.id, Y),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", Ot, [
+                    M.value.platform == "discord" && M.value.id == l.id ? (t(), a(T, { key: 0 }, [
+                      b(" Confirm? ")
+                    ], 64)) : (t(), a(T, { key: 1 }, [
+                      b(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, Xt)) : i("", !0)
+              ]);
+            }), 128)),
+            j.value ? i("", !0) : (t(), W(oe, {
+              key: 0,
+              platform: "discord",
+              points: "+10",
+              disabled: u(s).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: P(() => [
+                b(_(y.value.length > 0 ? "Link Another Discord" : "Link Discord"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ])
+        ], 2),
+        e("section", {
+          class: A(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((ve = w.value) != null && ve.length) }])
+        }, [
+          w.value.length ? (t(), a("div", Gt, d[4] || (d[4] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "twitter", -1)
+          ]))) : i("", !0),
+          e("ul", Zt, [
+            (t(!0), a(T, null, ie(w.value, (l) => {
+              var $, F, Y;
+              return t(), a("li", {
+                key: l.id,
+                class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+              }, [
+                e("div", qt, [
+                  e("button", {
+                    class: A(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                      {
+                        "_shadow-panel": l.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": l.avatar === (($ = u(s).user) == null ? void 0 : $.avatar)
+                      }
+                    ]]),
+                    disabled: !l.avatar
+                  }, [
+                    l.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("twitter", l.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${l.avatar}`,
+                        class: A(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": l.avatar !== ((F = u(s).user) == null ? void 0 : F.avatar)
+                        }])
+                      }, null, 10, aa)
+                    ], 8, ta)) : (t(), a("div", sa, d[5] || (d[5] = [
+                      e("img", {
+                        src: Le,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#000" }
+                      }, null, -1)
+                    ])))
+                  ], 10, ea),
+                  e("div", la, [
+                    e("div", na, _(l.username), 1),
+                    (Y = l.metadata) != null && Y.verified ? (t(), a("div", oa, " verified ✓ ")) : i("", !0)
+                  ])
+                ]),
+                I.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (le) => E("twitter", l.id, le),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", ia, [
+                    M.value.platform == "twitter" && M.value.id == l.id ? (t(), a(T, { key: 0 }, [
+                      b(" Confirm? ")
+                    ], 64)) : (t(), a(T, { key: 1 }, [
+                      b(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, ra)) : i("", !0)
+              ]);
+            }), 128)),
+            R.value ? i("", !0) : (t(), W(oe, {
+              key: 0,
+              platform: "twitter",
+              points: "+10",
+              disabled: u(s).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: P(() => [
+                b(_(w.value.length > 0 ? "Link Another TwitterX" : "Link TwitterX"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ])
+        ], 2),
+        e("section", {
+          class: A(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-last": !((pe = m.value) != null && pe.length) }])
+        }, [
+          m.value.length ? (t(), a("div", ua, d[6] || (d[6] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "telegram", -1)
+          ]))) : i("", !0),
+          e("ul", ca, [
+            (t(!0), a(T, null, ie(m.value, (l) => {
+              var $, F;
+              return t(), a("li", {
+                key: l.id,
+                class: "_flex _items-center _p-2 _pr-3.5 _justify-between _bg-metallic-linear _shadow-panel _rounded-lg"
+              }, [
+                e("div", da, [
+                  e("button", {
+                    class: A(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                      {
+                        "_shadow-panel": l.avatar,
+                        "_shadow-panel-inset _bg-metallic-cone _cursor-default": l.avatar === (($ = u(s).user) == null ? void 0 : $.avatar)
+                      }
+                    ]]),
+                    disabled: !l.avatar
+                  }, [
+                    l.avatar ? (t(), a("div", {
+                      key: 0,
+                      onClick: () => J("telegram", l.id),
+                      style: { background: "none" },
+                      type: "button",
+                      title: "Set as profile avatar"
+                    }, [
+                      e("img", {
+                        src: `${l.avatar}`,
+                        class: A(["_size-full _rounded-full _duration-150", {
+                          "group-hover:_scale-[1.8]": l.avatar !== ((F = u(s).user) == null ? void 0 : F.avatar)
+                        }])
+                      }, null, 10, ma)
+                    ], 8, fa)) : (t(), a("div", va, d[7] || (d[7] = [
+                      e("img", {
+                        src: je,
+                        class: "_size-6 _rounded",
+                        style: { "background-color": "#0088cc" }
+                      }, null, -1)
+                    ])))
+                  ], 10, _a),
+                  e("div", pa, [
+                    e("div", ga, _(l.username), 1)
+                  ])
+                ]),
+                I.value > 1 ? (t(), a("button", {
+                  key: 0,
+                  class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                  onClick: (Y) => E("telegram", l.id, Y),
+                  styleff: "filter: hue-rotate(130deg) saturate(2)",
+                  "aria-label": "Remove"
+                }, [
+                  e("span", ya, [
+                    M.value.platform == "telegram" && M.value.id == l.id ? (t(), a(T, { key: 0 }, [
+                      b(" Confirm? ")
+                    ], 64)) : (t(), a(T, { key: 1 }, [
+                      b(" ⛌ ")
+                    ], 64))
+                  ])
+                ], 8, ha)) : i("", !0)
+              ]);
+            }), 128)),
+            Q.value ? i("", !0) : (t(), a(T, { key: 0 }, [
+              Q.value ? i("", !0) : (t(), W(oe, {
+                key: 0,
+                platform: "telegram",
+                points: "+10",
+                disabled: u(s).isSimulationMode
+              }, {
+                default: P(() => [
+                  b(_(m.value.length > 0 ? "Link Another Telegram" : "Link Telegram"), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled"]))
+            ], 64))
+          ])
+        ], 2),
+        e("section", {
+          class: A(["_bg-metallic-linear _shadow-panel _p-4 _space-y-1.5 _rounded-lg", { "_order-first": u(s).isFarcaster }])
+        }, [
+          z.value.length ? (t(), a("div", ba, d[8] || (d[8] = [
+            e("h3", { class: "_text-mlg _opacity-30 _weight-bold" }, "farcaster", -1)
+          ]))) : i("", !0),
+          e("ul", xa, [
+            (t(!0), a(T, null, ie(z.value, (l) => {
+              var $, F;
+              return t(), a("li", {
+                key: l.id
+              }, [
+                e("div", wa, [
+                  e("div", ka, [
+                    e("button", {
+                      class: A(["_size-11 _flex _items-stretch _p-1.5 _group _overflow-hidden _rounded-md", [
+                        {
+                          "_shadow-panel": l.avatar,
+                          "_shadow-panel-inset _bg-metallic-cone _cursor-default": l.avatar === (($ = u(s).user) == null ? void 0 : $.avatar)
+                        }
+                      ]]),
+                      disabled: !l.avatar
+                    }, [
+                      l.avatar ? (t(), a("div", {
+                        key: 0,
+                        onClick: () => J("farcaster", l.id),
+                        style: { background: "none" },
+                        type: "button",
+                        title: "Set as profile avatar"
+                      }, [
+                        e("img", {
+                          src: `${l.avatar}`,
+                          class: A(["_size-full _rounded-full _duration-150", {
+                            "group-hover:_scale-[1.8]": l.avatar !== ((F = u(s).user) == null ? void 0 : F.avatar)
+                          }])
+                        }, null, 10, Sa)
+                      ], 8, Ca)) : (t(), a("div", Ua, d[9] || (d[9] = [
+                        e("img", {
+                          src: $e,
+                          class: "_size-6 _rounded",
+                          style: { "background-color": "#000" }
+                        }, null, -1)
+                      ])))
+                    ], 10, Aa),
+                    e("div", za, [
+                      e("div", Ta, _(l.username), 1)
+                    ])
+                  ]),
+                  I.value > 1 ? (t(), a("button", {
+                    key: 0,
+                    class: "_bubble-btn _h-10 _text-sm _text-stroke-md _px-[1em]",
+                    onClick: (Y) => E("farcaster", l.id, Y),
+                    styleff: "filter: hue-rotate(130deg) saturate(2)",
+                    "aria-label": "Remove"
+                  }, [
+                    e("span", Da, [
+                      M.value.platform == "farcaster" && M.value.id == l.id ? (t(), a(T, { key: 0 }, [
+                        b(" Confirm? ")
+                      ], 64)) : (t(), a(T, { key: 1 }, [
+                        b(" ⛌ ")
+                      ], 64))
+                    ])
+                  ], 8, Ba)) : i("", !0)
+                ])
+              ]);
+            }), 128)),
+            N.value ? i("", !0) : (t(), W(oe, {
+              key: 0,
+              platform: "farcaster",
+              points: "+10",
+              disabled: u(s).isSimulationMode,
+              class: "_w-full"
+            }, {
+              default: P(() => [
+                b(_(z.value.length > 0 ? "Link Another Farcaster" : "Link Farcaster"), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])),
+            S.value && !S.value.client.added && D.value ? (t(), W(oe, {
+              key: 1,
+              platform: "farcaster",
+              points: "+10",
+              disabled: u(s).isSimulationMode,
+              class: "_w-full",
+              onClick: B
+            }, {
+              default: P(() => d[10] || (d[10] = [
+                b(" Add this Mini App ")
+              ])),
+              _: 1
+            }, 8, ["disabled"])) : i("", !0)
+          ])
+        ], 2),
+        e("footer", { class: "_order-last _bg-metallic-cone _p-4 _rounded-lg _shadow-panel" }, [
+          e("div", { class: "_w-full" }, [
+            e("button", {
+              onClick: se,
+              class: "_bubble-btn-full _h-16 _text-lg _bold"
+            }, d[11] || (d[11] = [
+              e("span", null, "logout 💤", -1)
+            ]))
+          ])
+        ])
+      ], 2);
+    };
+  }
+}, Ma = { class: "_bg-metallic-linear _shadow-panel _p-4 _space-y-2 _rounded-lg" }, La = { class: "_flex _items-center _justify-between _-mt-1.5" }, ja = {
+  key: 0,
+  class: "_text-sm _text-red-400"
+}, $a = {
+  key: 1,
+  class: "_space-y-4"
+}, Fa = { class: "_flex _flex-col _gap-0.5" }, Ha = {
+  key: 0,
+  class: "_bg-metallic-linear _shadow-panel _p-3 _rounded-lg _flex _flex-col _gap-2.5"
+}, Ya = { class: "_w-full _flex _flex-col _gap-1.5" }, Ia = { class: "_text-xs _text-center _opacity-40" }, Pa = { class: "_font-mono" }, Ra = {
+  key: 0,
+  class: "_flex _flex-wrap _gap-[inherit] _text-center"
+}, Wa = { class: "_flex-1 _bg-metallic-linear _shadow-panel _rounded-lg _p-3" }, Qa = { class: "_text-3xl _font-bold _text-primary _leading-tight" }, Ea = { class: "_flex-1 _bg-metallic-linear _shadow-panel _rounded-lg _p-3" }, Ka = { class: "_text-md" }, Va = {
+  key: 0,
+  class: "_bg-metallic-linear _shadow-panel _p-3 _rounded-lg _space-y-2"
+}, Ja = { class: "_flex _items-center _gap-2" }, Xa = ["disabled"], Oa = ["disabled"], Ga = {
+  key: 0,
+  class: "_text-xs _text-red-500"
+}, Za = {
+  key: 1,
+  class: "_text-xs _text-emerald-300"
+}, qa = {
+  key: 1,
+  class: "_text-base"
+}, es = { class: "_font-semibold" }, ts = /* @__PURE__ */ We({
+  __name: "ReferralSection",
+  setup(x) {
+    const s = ue("TrifleHub/store"), { backendUrl: C } = Ce(s), r = h(!0), S = h(null), D = h({
+      invited: 0,
+      qualified: 0,
+      points: 0
+    }), B = h(""), o = h(null), y = v(() => !!o.value), z = h(""), w = h(!1), m = h(""), j = h(!1), N = h(!1), R = v(() => {
+      var p;
+      return ((p = s == null ? void 0 : s.user) == null ? void 0 : p.username) || "";
+    }), Q = v(() => o.value ? o.value.username || o.value.displayName : "someone"), I = v(() => {
+      const p = B.value || R.value;
+      return p ? `${window.location.origin}#ref=${p}` : "";
+    });
+    v(() => I.value.replace("https://", ""));
+    const M = () => {
+      const p = {
+        "Content-Type": "application/json"
+      };
+      return s != null && s.authToken && (p.Authorization = `Bearer ${s.authToken}`), p;
+    }, E = async () => {
+      r.value = !0, S.value = null;
+      try {
+        if (!C.value || !(s != null && s.isAuthenticated)) {
+          r.value = !1;
+          return;
+        }
+        const p = await fetch(`${C.value}/profile/me`, {
+          headers: {
+            Authorization: `Bearer ${s.authToken}`
+          }
+        });
+        let f = null;
+        try {
+          f = await p.json();
+        } catch {
+        }
+        if (!p.ok) {
+          const L = f && f.error || "";
+          if (p.status === 404 || /no route matches/i.test(L)) {
+            r.value = !1;
+            return;
+          }
+          S.value = L || `failed to load referrals (status ${p.status})`;
+          return;
+        }
+        D.value = f.referralStats || { invited: 0, qualified: 0, points: 0 }, B.value = f.referralCode || "", o.value = f.referrer || null;
+      } catch (p) {
+        console.error("Referral profile fetch error:", p), S.value = p.message || "error loading referrals";
+      } finally {
+        r.value = !1;
+      }
+    }, V = () => {
+      I.value && (navigator.clipboard.writeText(I.value), N.value = !0, setTimeout(() => {
+        N.value = !1;
+      }, 2e3));
+    }, ae = (p) => {
+      const f = p.trim();
+      try {
+        const L = new URL(f);
+        if (L.hash) {
+          const d = new URLSearchParams(L.hash.substring(1)).get("ref");
+          if (d) return d;
+        }
+        const J = L.searchParams.get("ref");
+        if (J) return J;
+      } catch {
+      }
+      return f;
+    }, se = async () => {
+      const p = ae(z.value);
+      if (!(!p || w.value)) {
+        w.value = !0, m.value = "", j.value = !1;
+        try {
+          const f = await fetch(`${C.value}/profile/referral`, {
+            method: "POST",
+            headers: M(),
+            body: JSON.stringify({ referralCode: p })
+          }), L = await f.json();
+          if (!f.ok) {
+            L.error === "Already referred" ? m.value = "You already have a referrer" : L.error === "Invalid referral code" ? m.value = "Invalid referral code" : L.error === "Cannot refer yourself" ? m.value = "You can't use your own code" : m.value = L.error || "Something went wrong";
+            return;
+          }
+          j.value = !0, z.value = "", await E();
+        } catch (f) {
+          console.error("Referral submit error:", f), m.value = f.message || "Something went wrong";
+        } finally {
+          w.value = !1;
+        }
+      }
+    };
+    return we(() => {
+      E();
+    }), (p, f) => (t(), a("section", {
+      class: A(["_w-full _max-w-2xl", p.$attrs.class])
+    }, [
+      e("section", Ma, [
+        e("div", La, [
+          e("h3", {
+            class: A(["_text-mlg _weight-bold", { "_animate-pulse-deep": r.value }])
+          }, f[1] || (f[1] = [
+            e("span", { class: "_opacity-30" }, "invites", -1)
+          ]), 2)
+        ]),
+        S.value ? (t(), a("div", ja, _(S.value), 1)) : (t(), a("div", $a, [
+          e("section", Fa, [
+            B.value ? (t(), a("div", Ha, [
+              f[5] || (f[5] = e("div", { class: "_text-base" }, [
+                b(" Invite a friend and "),
+                e("u", null, "you both"),
+                b(" get "),
+                e("span", { class: "_font-semiboldff _whitespace-nowrap" }, "10🪩"),
+                b(" for every 100🪩 they earn ")
+              ], -1)),
+              e("div", Ya, [
+                e("button", {
+                  class: "_flex-1 _bubble-btn _py-[1em] _text-base",
+                  style: { filter: "hue-rotate(20deg) saturate(3)" },
+                  onClick: V
+                }, _(N.value ? "Copied!" : "Copy Invite Link"), 1),
+                e("div", Ia, [
+                  f[2] || (f[2] = b(" code: ")),
+                  e("span", Pa, _(B.value || R.value), 1)
+                ])
+              ]),
+              D.value.invited > 0 ? (t(), a("div", Ra, [
+                e("div", Wa, [
+                  e("div", Qa, _(D.value.invited), 1),
+                  f[3] || (f[3] = e("div", { class: "_text-md" }, "invited", -1))
+                ]),
+                e("div", Ea, [
+                  e("div", {
+                    class: A(["_text-3xl _font-bold _leading-tight", { "_text-primary": !D.value.points }])
+                  }, [
+                    b(_(D.value.points) + " ", 1),
+                    D.value.points > 0 ? (t(), a(T, { key: 0 }, [
+                      b("🪩")
+                    ], 64)) : i("", !0)
+                  ], 2),
+                  e("div", Ka, [
+                    D.value.points ? i("", !0) : (t(), a(T, { key: 0 }, [
+                      b("🪩 ")
+                    ], 64)),
+                    f[4] || (f[4] = b("earned"))
+                  ])
+                ])
+              ])) : i("", !0),
+              e("div", {
+                class: A(["_text-gray-500 _text-xs _-mb-0.5", { "_text-center": D.value.invited > 0, "_text-right": D.value.invited === 0 }])
+              }, " Max 100🪩 per friend ", 2)
+            ])) : i("", !0)
+          ]),
+          y.value ? (t(), a("div", qa, [
+            e("div", null, [
+              f[7] || (f[7] = b(" invited by ")),
+              e("span", es, _(Q.value), 1)
+            ]),
+            f[8] || (f[8] = e("div", { class: "_text-xs _opacity-30 _mt-0.5" }, " you'll both earn 10🪩 when you reach 100🪩! ", -1))
+          ])) : (t(), a("div", Va, [
+            f[6] || (f[6] = e("div", { class: "_text-base" }, "Have an invite?", -1)),
+            e("div", Ja, [
+              _e(e("input", {
+                "onUpdate:modelValue": f[0] || (f[0] = (L) => z.value = L),
+                type: "text",
+                placeholder: "enter code or invite link",
+                class: "_flex-1 _bg-metallic-linear _shadow-panel-inset _rounded-lg _px-3 _h-10 _text-sm _min-w-0",
+                disabled: w.value,
+                onKeyup: ke(se, ["enter"])
+              }, null, 40, Xa), [
+                [Ae, z.value]
+              ]),
+              e("button", {
+                class: "_bubble-btn _h-12 _text-sm _text-stroke-md _px-[1.5em] _font-bold",
+                disabled: !z.value.trim() || w.value,
+                style: fe({
+                  filter: z.value.trim().length > 0 && !w.value ? "hue-rotate(20deg) saturate(3)" : "none"
+                }),
+                onClick: se
+              }, [
+                e("span", {
+                  class: A({ "_opacity-30": !z.value.trim() || w.value })
+                }, _(w.value ? "Sending..." : "Apply"), 3)
+              ], 12, Oa)
+            ]),
+            m.value ? (t(), a("div", Ga, _(m.value), 1)) : i("", !0),
+            j.value ? (t(), a("div", Za, "invite code applied!")) : i("", !0)
+          ]))
+        ]))
+      ])
+    ], 2));
+  }
+}), as = { class: "_flex _w-full _gap-2.5 _items-stretch" }, ss = { class: "_size-9 _flex-shrink-0" }, ls = ["src"], ns = { class: "_flex-1 _flex _flex-col _gap-[0.25em] _justify-center _min-h-8 _text-left _leading-normal _min-w-0" }, os = { class: "_min-w-0 _leading-[1.1]" }, rs = {
+  key: 0,
+  class: "_weight-semiboldff"
+}, is = {
+  key: 0,
+  class: "_text-em-2xs _opacity-25 _leading-tight _flex _gap-[0.35em] _truncate"
+}, us = { class: "_flex _items-center _h-9 _text-em-sm _flex-shrink-0 sm:_text-mlg" }, cs = { class: "_rounded-full _bg-metallic-linear _shadow-panel _pl-[0.5em] _pr-[0.25em] _flex _gap-[0.15em]" }, ds = {
+  __name: "PointCard",
+  props: { point: Object },
+  setup(x) {
+    const s = x, C = v(
+      () => Oe.find((o) => o.name === s.point.name || o.id === s.point.name)
+    ), r = (o) => {
+      if (!o) return "";
+      const y = /* @__PURE__ */ new Date(), z = new Date(o), w = y - z, m = Math.floor(w / (1e3 * 60)), j = Math.floor(w / (1e3 * 60 * 60)), N = Math.floor(w / (1e3 * 60 * 60 * 24)), R = Math.floor(N / 7), Q = Math.floor(N / 30), I = Math.floor(N / 365);
+      return m < 60 ? `${m}m` : j < 24 ? `${j}h` : N < 7 ? `${N}d` : R < 4 ? `${R}wk` : Q < 12 ? `${Q}mo` : `${I}y`;
+    }, S = (o) => (o = Number(o), o % 1 === 0 ? o : o.toFixed(2)), D = (o) => {
+      if (!o) return "";
+      const y = new Date(o), z = y.toLocaleString("en-US", { month: "short" }).toUpperCase(), w = y.toLocaleString("en-US", { day: "2-digit" });
+      return `${z} ${w}`;
+    }, B = v(() => {
+      var y;
+      let o;
+      try {
+        o = new URL((y = C.value) == null ? void 0 : y.link), ["farcaster", "discord"].includes(o.host.split(".")[0]) && (o = { host: "trifle", origin: o.href });
+      } catch {
+      }
+      return o;
+    });
+    return (o, y) => (t(), W(Qe(B.value ? "a" : "div"), Ee(B.value ? { href: B.value.origin, target: "_blank" } : {}, {
+      class: ["_bg-metallic-linear _shadow-panel _w-full _p-2 _px-2.5 _pr-3 _rounded-lg _block _flex _items-center _min-h-14", { "mouse:hover:_scale-[1.01] _origin-center _duration-150 _group": B.value }]
+    }), {
+      default: P(() => {
+        var z, w;
+        return [
+          e("header", as, [
+            e("div", ss, [
+              C.value && C.value.icon ? (t(), a("img", {
+                key: 0,
+                src: C.value.icon,
+                class: "_w-full _h-full _rounded-lg _block"
+              }, null, 8, ls)) : i("", !0)
+            ]),
+            e("div", ns, [
+              e("div", os, [
+                x.point.name === "anybody-daily" ? (t(), a(T, { key: 0 }, [
+                  b("Solved " + _(D(x.point.createdAt)), 1)
+                ], 64)) : x.point.name === "gm" ? (t(), a(T, { key: 1 }, [
+                  b('"' + _(x.point.extra) + '"', 1)
+                ], 64)) : x.point.name === "gm-react" ? (t(), a(T, { key: 2 }, [
+                  b(_(!x.point.giver || x.point.giver === "???" ? "someone" : x.point.giver) + " ♥︎ ", 1),
+                  x.point.gmMessage ? (t(), a("span", rs, '"' + _(x.point.gmMessage) + '"', 1)) : (t(), a(T, { key: 1 }, [
+                    b("your gm")
+                  ], 64))
+                ], 64)) : (t(), a(T, { key: 3 }, [
+                  b(_(((z = C.value) == null ? void 0 : z.activityText) || ((w = C.value) == null ? void 0 : w.name) || x.point.name), 1)
+                ], 64))
+              ]),
+              B.value ? (t(), a("div", is, [
+                e("span", null, _(r(x.point.createdAt)), 1),
+                y[0] || (y[0] = e("span", null, "·", -1)),
+                e("u", null, _(B.value.host), 1)
+              ])) : i("", !0)
+            ]),
+            e("div", us, [
+              e("div", cs, [
+                e("span", null, _(S(x.point.value)), 1),
+                y[1] || (y[1] = e("div", null, "🪩", -1))
+              ])
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }, 16, ["class"]));
+  }
+}, _s = {
+  key: 0,
+  class: "_flex _flex-col _gap-2"
+}, fs = {
+  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" }
+}, ms = {
+  key: 1,
+  class: "_bg-metallic-linear _shadow-panel _rounded-lg _p-3 _space-y-2 _min-w-[200px]"
+}, vs = {
+  key: 0,
+  class: "_text-xs _font-semibold _text-center _bg-yellow-500/20 _border _border-yellow-500/40 _rounded _py-1"
+}, ps = {
+  key: 1,
+  class: "_space-y-2"
+}, gs = ["disabled"], hs = {
+  key: 0,
+  class: "_h-12 _flex _items-center _gap-1 _w-full _justify-center _border _border-transparent"
+}, ys = { class: "_text-stroke-2xl _min-w-0 _px-0.5" }, bs = {
+  key: 1,
+  class: "_h-12 _flex _items-center _gap-1 _w-full _justify-center _border _border-transparent"
+}, xs = { class: "_flex _items-center _gap-1 _w-full _justify-center _pl-[1em]" }, ws = { class: "_text-stroke-2xl _min-w-0 _truncate _px-0.5" }, ks = { class: "_relative _h-12 _flex _items-stretch _gap-0.5 _px-1 _rounded-lg _shadow-panel-inset _text-center _bg-metallic-linear" }, As = { class: "_flex _justify-center _gap-2 _h-10 _items-center" }, Cs = ["href"], Ss = ["href"], Us = ["href"], zs = ["href"], Ts = { class: "_whitespace-nowrap _overflow-x-scroll _no-scrollbar _align-top _-ml-[2px] _p-[2px]" }, Bs = { class: "_flex _justify-end _text-2xl _pl-6" }, Ds = {
+  key: 0,
+  class: "_text-stroke-xl _animate-pulse-deep"
+}, Ns = {
+  key: 1,
+  class: "_text-stroke-xl"
+}, Ms = { class: "_inline-flex _flex-col _mr-2 _bg-metallic-linear _shadow-panel _px-3 _py-2 _pb-1.5 _rounded-lg" }, Ls = { class: "_flex _justify-end _text-2xl _gap-[0.1em] _pl-6" }, js = {
+  key: 0,
+  class: "_text-stroke-xl _animate-pulse-deep"
+}, $s = {
+  key: 1,
+  class: "_text-stroke-xl"
+}, Fs = { key: 2 }, Hs = { class: "_inline-flex _flex-col _bg-metallic-linear _shadow-panel _px-3 _py-2 _pb-1.5 _rounded-lg" }, Ys = { class: "_flex _justify-end _text-2xl _gap-[0.1em] _pl-6" }, Is = {
+  key: 0,
+  class: "_text-stroke-xl _animate-pulse-deep"
+}, Ps = {
+  key: 1,
+  class: "_text-stroke-xl"
+}, Rs = { key: 2 }, Ws = { class: "_w-full _max-w-2xl" }, Qs = { class: "_bg-metallic-linear _shadow-panel _p-4 _space-y-2 _rounded-lg" }, Es = { class: "_flex _items-center _justify-between _-mt-1.5" }, Ks = {
+  key: 0,
+  class: "_flex _items-center _gap-2"
+}, Vs = {
+  key: 0,
+  class: "_text-xs _opacity-30 _tracking-wide"
+}, Js = { key: 0 }, Xs = { class: "_flex _items-center _gap-1" }, Os = ["disabled"], Gs = ["disabled"], Zs = {
+  key: 0,
+  class: "_text-sm _text-red-400"
+}, qs = {
+  key: 1,
+  class: "_flex _flex-col _gap-4"
+}, el = { class: "_space-y-0.5" }, xe = 3, tl = {
+  __name: "Profile",
+  setup(x) {
+    const s = Ke(() => import("./TrifleBall-BzjRmmn0.js")), C = ue("hub"), r = ue("TrifleHub/store"), { currentProfileUsername: S, backendUrl: D, user: B } = Ce(r), o = h(null), y = h(!0), z = h(null), w = h([]), m = h(!1), j = h(null), N = h(1), R = h(!1), Q = h(0), I = v(() => Math.max(1, Math.ceil(Q.value / xe))), M = h(null), E = h(0), V = h(!0), ae = v(() => {
+      const c = M.value;
+      if (!c || isNaN(c)) return "—";
+      const n = Number(c), g = n % 10, U = n % 100;
+      return g === 1 && U !== 11 ? `${n}st` : g === 2 && U !== 12 ? `${n}nd` : g === 3 && U !== 13 ? `${n}rd` : `${n}th`;
+    }), se = v(
+      () => Number(E.value || 0).toLocaleString("en-us")
+    ), p = v(() => {
+      var c;
+      return !((c = B.value) != null && c.username) || !S.value ? !1 : B.value.username === S.value;
+    }), f = v(() => {
+      var n, g;
+      return (p.value ? r.getPlatformData("discord") || [] : ((g = (n = o.value) == null ? void 0 : n.linkedAccounts) == null ? void 0 : g.discord) || []).filter((U) => U.username);
+    }), L = v(() => {
+      var n, g;
+      return (p.value ? r.getPlatformData("twitter") || [] : ((g = (n = o.value) == null ? void 0 : n.linkedAccounts) == null ? void 0 : g.twitter) || []).filter((U) => U.username);
+    }), J = v(() => {
+      var n, g;
+      return (p.value ? r.getPlatformData("telegram") || [] : ((g = (n = o.value) == null ? void 0 : n.linkedAccounts) == null ? void 0 : g.telegram) || []).filter((U) => U.username);
+    }), k = v(() => {
+      var c, n;
+      return p.value ? r.getPlatformData("farcaster") || [] : ((n = (c = o.value) == null ? void 0 : c.linkedAccounts) == null ? void 0 : n.farcaster) || [];
+    }), d = v(() => f.value[0] || null), H = v(() => L.value[0] || null), X = v(() => J.value[0] || null), ee = v(() => k.value[0] || null), me = v(
+      () => d.value ? `https://discord.com/users/${d.value.id}` : "#"
+    ), ve = v(
+      () => H.value ? `https://x.com/${H.value.username}` : "#"
+    ), pe = v(
+      () => X.value ? `https://t.me/${X.value.username}` : "#"
+    ), l = v(
+      () => ee.value ? `https://warpcast.com/${ee.value.username}` : "#"
+    ), $ = async () => {
+      y.value = !0, z.value = null;
+      try {
+        const c = await fetch(
+          `${D.value}/auth/by-username?username=${encodeURIComponent(
+            S.value
+          )}`
+        );
+        if (!c.ok) throw new Error("Failed to fetch user");
+        const n = await c.json();
+        console.log({ data: n }), o.value = n.user, console.log({ user: o });
+      } catch (c) {
+        z.value = c.message;
+      } finally {
+        y.value = !1;
+      }
+    }, F = async () => {
+      var c;
+      V.value = !0;
+      try {
+        if (!D.value || !((c = o.value) != null && c.id)) return;
+        const n = new URLSearchParams({
+          sortBy: "count",
+          sortDir: "desc",
+          limit: "1",
+          userId: String(o.value.id)
+        }), g = await fetch(`${D.value}/balls/airdrop-points?${n.toString()}`);
+        if (!g.ok) return;
+        const U = await g.json();
+        U.currentUser && (E.value = U.currentUser.totalBalls || 0, M.value = U.currentUser.rank || null);
+      } catch (n) {
+        console.error("Failed to fetch airdrop info", n);
+      } finally {
+        V.value = !1;
+      }
+    }, Y = async () => {
+      m.value = !0, j.value = null;
+      try {
+        let c = `${D.value}/balls/list?page=${N.value}&limit=${xe}&username=${encodeURIComponent(S.value)}`;
+        const n = await fetch(c);
+        if (!n.ok) throw new Error("Failed to fetch points");
+        const g = await n.json();
+        w.value = g.data, R.value = g.data.length === xe, Q.value = g.total || 0;
+      } catch (c) {
+        j.value = c.message;
+      } finally {
+        m.value = !1;
+      }
+    }, le = () => {
+      N.value > 1 && (N.value--, Y());
+    }, ge = () => {
+      R.value && (N.value++, Y());
+    }, ce = async () => {
+      if (!S.value) {
+        y.value = !1;
+        return;
+      }
+      await $(), await Promise.all([F(), Y()]);
+    };
+    we(async () => {
+      console.log("onMounted", S.value), await ce();
+    }), Be(S, async (c, n) => {
+      !c || c === n || (N.value = 1, await ce());
+    });
+    const ne = h(!1);
+    we(() => {
+      setTimeout(() => {
+        ne.value = !0;
+      }, 350);
+    });
+    const O = h(!1), K = h(""), he = h(!1), Se = async () => {
+      var c;
+      if (K.value) {
+        he.value = !0;
+        try {
+          await r.enterSimulationMode(K.value), O.value = !1, K.value = "", r.addNotification({
+            message: `Entered simulation mode for user: ${(c = r.user) == null ? void 0 : c.username}`,
+            type: "success"
+          });
+        } catch (n) {
+          r.addNotification({
+            message: n.message || "Failed to enter simulation mode",
+            type: "error"
+          });
+        } finally {
+          he.value = !1;
+        }
+      }
+    }, He = () => {
+      r.exitSimulationMode(), O.value = !1, r.addNotification({
+        message: "Exited simulation mode",
+        type: "success"
+      });
+    }, ye = h(null), de = h(!1), G = h(""), Ue = h(!1), Z = h(""), ze = h(!1), te = h(!0);
+    let be;
+    const Ye = async (c) => {
+      var g;
+      if (!c) {
+        te.value = !0, Z.value = "";
+        return;
+      }
+      if (c === ((g = B.value) == null ? void 0 : g.username)) {
+        te.value = !0, Z.value = "";
+        return;
+      }
+      if (!/^(?!.*--)[a-zA-Z0-9]+(-[a-zA-Z0-9]+)*$/.test(c)) {
+        Z.value = "Username must be alphanumeric";
+        return;
+      }
+      if (c.length > 22) {
+        Z.value = "Username must be 22 characters or less";
+        return;
+      }
+      ze.value = !0;
+      try {
+        const U = await fetch(
+          `${D.value}/auth/username/check?username=${encodeURIComponent(c)}`
+        );
+        if (!U.ok) throw new Error("Failed to check username availability");
+        const q = await U.json();
+        te.value = q.available, Z.value = q.available ? "" : "This username is already taken";
+      } catch (U) {
+        console.error("Failed to check username:", U), Z.value = "Error checking username";
+      } finally {
+        ze.value = !1;
+      }
+    }, Ie = (c) => {
+      const n = c.target.value.trim();
+      G.value = n, Z.value = "", be && clearTimeout(be), n ? be = setTimeout(() => Ye(n), 500) : te.value = !0;
+    }, Pe = async () => {
+      var c, n, g;
+      if (p.value) {
+        if (r.isSimulationMode) {
+          r.addNotification({
+            message: "Cannot edit username in simulation mode",
+            type: "error"
+          });
+          return;
+        }
+        Z.value = "", G.value = ((c = B.value) == null ? void 0 : c.username) || "", de.value = !0, te.value = !0, await Xe(), (n = ye.value) == null || n.focus(), (g = ye.value) == null || g.select();
+      }
+    }, Re = async () => {
+      var c;
+      if (!G.value.trim()) {
+        r.addNotification({ type: "error", message: "Oops, name can't be empty!" });
+        return;
+      }
+      if (!te.value) {
+        r.addNotification({ type: "error", message: "This name is already taken" });
+        return;
+      }
+      if (G.value.trim() === ((c = B.value) == null ? void 0 : c.username)) {
+        de.value = !1;
+        return;
+      }
+      Ue.value = !0;
+      try {
+        await r.updateUsername(G.value.trim()), de.value = !1, r.addNotification({ type: "success", message: "Name updated!" });
+      } catch (n) {
+        console.error("Failed to update name:", n), r.addNotification({ type: "error", message: "Hmm, something went wrong" });
+      } finally {
+        Ue.value = !1;
+      }
+    };
+    return (c, n) => (t(), W(it, null, Ve({
+      "admin-controls": P(() => [
+        p.value && u(r).isAdmin ? (t(), a("div", _s, [
+          !O.value && !u(r).isSimulationMode ? (t(), a("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] = (g) => O.value = !0),
+            title: "Admin Mode"
+          }, [
+            (t(), a("svg", fs, n[5] || (n[5] = [
+              e("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),
+              e("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)
+            ])))
+          ])) : i("", !0),
+          O.value || u(r).isSimulationMode ? (t(), a("div", ms, [
+            u(r).isSimulationMode ? (t(), a("div", vs, " SIMULATION MODE ")) : i("", !0),
+            u(r).isSimulationMode ? i("", !0) : (t(), a("div", ps, [
+              _e(e("input", {
+                "onUpdate:modelValue": n[1] || (n[1] = (g) => K.value = g),
+                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: ke(Se, ["enter"])
+              }, null, 544), [
+                [Ae, K.value]
+              ]),
+              e("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 || he.value,
+                onClick: Se
+              }, _(he.value ? "Loading..." : "Simulate User"), 9, gs),
+              e("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] = (g) => O.value = !1)
+              }, " Cancel ")
+            ])),
+            u(r).isSimulationMode ? (t(), a("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: He
+            }, " Exit Simulation ")) : i("", !0)
+          ])) : i("", !0)
+        ])) : i("", !0)
+      ]),
+      avatar: P(() => {
+        var g, U;
+        return [
+          e("div", {
+            class: A(["_size-full _flex _items-center _justify-center _rounded-full _duration-150 _delay-50", { "_opacity-0": !ne.value }]),
+            style: { "box-shadow": "0 16px 24px 2px rgba(0, 0, 0, 0.4)" }
+          }, [
+            ne.value ? (t(), W(u(s), {
+              key: o.value && ((g = o.value) == null ? void 0 : g.avatar) || "smiley-face",
+              mode: "glass-inner-wall",
+              "image-source": o.value && ((U = o.value) == null ? void 0 : U.avatar) || u(Ge),
+              style: { width: "175%", height: "175%" },
+              class: "_cursor-grab"
+            }, null, 8, ["image-source"])) : i("", !0)
+          ], 2)
+        ];
+      }),
+      title: P(() => {
+        var g, U;
+        return [
+          p.value ? (t(), a("div", bs, [
+            _e(e("div", xs, [
+              e("span", ws, _(((U = u(B)) == null ? void 0 : U.username) || "Not set"), 1),
+              e("button", {
+                class: "_p-1 _-m-0.5 _leading-none _flex-shrink-0 _block mouse:hover:_scale-[1.2] _duration-150 _rounded-md",
+                onClick: Pe
+              }, n[6] || (n[6] = [
+                e("img", {
+                  src: Ze,
+                  class: "_h-[0.72em] _opacity-20 _pointer-events-none"
+                }, null, -1)
+              ]))
+            ], 512), [
+              [Te, !de.value]
+            ]),
+            _e(e("div", ks, [
+              _e(e("input", {
+                ref_key: "usernameInput",
+                ref: ye,
+                "onUpdate:modelValue": n[3] || (n[3] = (q) => G.value = q),
+                type: "text",
+                maxlength: "22",
+                autocomplete: "off",
+                "data-1p-ignore": "",
+                class: A(["_flex-1 _text-stroke-2xl _bg-transparent _text-center _w-full _outline-none", { "_border-red-500": !te.value && G.value }]),
+                placeholder: "Enter new username",
+                onInput: Ie,
+                onKeyup: ke(Re, ["enter"])
+              }, null, 34), [
+                [Ae, G.value]
+              ])
+            ], 512), [
+              [Te, de.value]
+            ])
+          ])) : (t(), a("div", hs, [
+            e("span", ys, _(((g = o.value) == null ? void 0 : g.username) || "..."), 1)
+          ]))
+        ];
+      }),
+      default: P(() => {
+        var g, U;
+        return [
+          e("section", Ts, [
+            e("section", {
+              class: "_inline-flex _flex-col _mr-2 _bg-metallic-linear _shadow-panel _px-3 _py-2 _pb-1.5 _rounded-lg",
+              onClick: n[4] || (n[4] = (q) => u(C).openHub("leaderboard"))
+            }, [
+              n[11] || (n[11] = e("header", { class: "_flex _justify-between _items-center _opacity-30 _text-base _leading-snug" }, [
+                e("h3", { class: "_weight-black" }, "rank")
+              ], -1)),
+              e("div", Bs, [
+                V.value ? (t(), a("span", Ds, "...")) : (t(), a("span", Ns, _(ae.value), 1))
+              ])
+            ]),
+            e("section", Ms, [
+              n[12] || (n[12] = e("header", { class: "_flex _justify-between _items-center _opacity-30 _text-base _leading-snug" }, [
+                e("h3", { class: "_weight-black" }, "airdrop points")
+              ], -1)),
+              e("div", Ls, [
+                V.value ? (t(), a("span", js, "...")) : (t(), a("span", $s, _(se.value), 1)),
+                V.value ? i("", !0) : (t(), a("span", Fs, "🪂"))
+              ])
+            ]),
+            e("section", Hs, [
+              n[13] || (n[13] = e("header", { class: "_flex _justify-between _opacity-30 _text-base _leading-snug" }, [
+                e("h3", { class: "_weight-black" }, "balance")
+              ], -1)),
+              e("div", Ys, [
+                y.value ? (t(), a("span", Is, "...")) : (t(), a("span", Ps, _(((U = (g = o.value) == null ? void 0 : g.totalPoints) == null ? void 0 : U.toLocaleString()) || 0), 1)),
+                y.value ? i("", !0) : (t(), a("span", Rs, "🪩"))
+              ])
+            ])
+          ]),
+          e("section", Ws, [
+            e("section", Qs, [
+              e("div", Es, [
+                e("h3", {
+                  class: A(["_text-mlg _weight-bold", { "_animate-pulse-deep": m.value }])
+                }, n[14] || (n[14] = [
+                  e("span", { class: "_opacity-30" }, "activity", -1)
+                ]), 2),
+                I.value > 1 ? (t(), a("div", Ks, [
+                  N.value > 1 ? (t(), a("div", Vs, [
+                    b(" Page " + _(N.value), 1),
+                    Q.value ? (t(), a("span", Js, " of " + _(I.value), 1)) : i("", !0)
+                  ])) : i("", !0),
+                  e("div", Xs, [
+                    e("button", {
+                      class: A(["_size-8 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel _text-xl mouse:hover:_scale-[1.05] _duration-150", { "_opacity-30 _cursor-default": N.value === 1 }]),
+                      onClick: le,
+                      disabled: N.value === 1,
+                      "aria-label": "Previous page"
+                    }, " ← ", 10, Os),
+                    e("button", {
+                      class: A(["_size-8 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel _text-xl mouse:hover:_scale-[1.05] _duration-150", { "_opacity-30 _cursor-default": !R.value }]),
+                      onClick: ge,
+                      disabled: !R.value,
+                      "aria-label": "Next page"
+                    }, " → ", 10, Gs)
+                  ])
+                ])) : i("", !0)
+              ]),
+              j.value ? (t(), a("div", Zs, _(j.value), 1)) : w.value.length ? (t(), a("section", qs, [
+                e("ul", el, [
+                  (t(!0), a(T, null, ie(w.value, (q) => (t(), a("li", {
+                    key: q.id
+                  }, [
+                    Je(ds, { point: q }, null, 8, ["point"])
+                  ]))), 128))
+                ])
+              ])) : i("", !0)
+            ])
+          ]),
+          p.value ? (t(), W(ts, {
+            key: 0,
+            class: "_w-full _max-w-2xl"
+          })) : i("", !0),
+          p.value ? (t(), W(Na, {
+            key: 1,
+            class: "_w-full _max-w-2xl"
+          })) : i("", !0)
+        ];
+      }),
+      _: 2
+    }, [
+      !p.value && (d.value || H.value || X.value || ee.value) ? {
+        name: "description",
+        fn: P(() => [
+          e("div", As, [
+            d.value ? (t(), a("a", {
+              key: 0,
+              href: me.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Discord profile"
+            }, n[7] || (n[7] = [
+              e("img", {
+                src: Me,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#5865f2" }
+              }, null, -1)
+            ]), 8, Cs)) : i("", !0),
+            H.value ? (t(), a("a", {
+              key: 1,
+              href: ve.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Twitter profile"
+            }, n[8] || (n[8] = [
+              e("img", {
+                src: Le,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#000" }
+              }, null, -1)
+            ]), 8, Ss)) : i("", !0),
+            X.value ? (t(), a("a", {
+              key: 2,
+              href: pe.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Telegram profile"
+            }, n[9] || (n[9] = [
+              e("img", {
+                src: je,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#0088cc" }
+              }, null, -1)
+            ]), 8, Us)) : i("", !0),
+            ee.value ? (t(), a("a", {
+              key: 3,
+              href: l.value,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              class: "_p-1.5 _flex _items-center _justify-center _rounded-lg _bg-metallic-cone _shadow-panel",
+              "aria-label": "View Farcaster profile"
+            }, n[10] || (n[10] = [
+              e("img", {
+                src: $e,
+                class: "_size-7 _rounded",
+                style: { "background-color": "#000" }
+              }, null, -1)
+            ]), 8, zs)) : i("", !0)
+          ])
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024));
+  }
+}, ol = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: tl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  it as A,
+  ol as P,
+  At as S,
+  oe as _,
+  tl as a
+};