@trifle/trifle-hub 1.0.159 → 1.0.160

package/dist/{Earn-eUazTpJq.js → Earn-DXAaaBgH.js}

@@ -1,8 +1,8 @@
-import { computed as Q, createElementBlock as s, createCommentVNode as u, openBlock as n, createElementVNode as l, toDisplayString as $, inject as N, ref as m, onMounted as J, Fragment as A, createBlock as O, withModifiers as F, unref as C, normalizeClass as j, watch as q, createVNode as S, withCtx as I, createTextVNode as V, normalizeStyle as R, TransitionGroup as ee, renderList as Y, resolveDynamicComponent as te } from "vue";
-import { T as le, U as ne, V as G } from "./index-Csp20V_C.js";
+import { computed as Q, createElementBlock as o, createCommentVNode as f, openBlock as n, createElementVNode as l, toDisplayString as $, inject as O, ref as m, onMounted as J, Fragment as A, createBlock as R, withModifiers as I, unref as L, normalizeClass as j, watch as q, createVNode as S, withCtx as V, createTextVNode as F, normalizeStyle as N, TransitionGroup as ee, renderList as X, resolveDynamicComponent as te } from "vue";
+import { T as le, U as ne, V as G } from "./index-C-bpIric.js";
 import { H as se } from "./HubPageHeader-VDMilTIN.js";
 import { storeToRefs as K } from "pinia";
-import { _ as oe } from "./SocialsButtons-BXUP5WJn.js";
+import { _ as oe } from "./SocialsButtons-RNAXi88c.js";
 import { _ as ie, a as re } from "./SwapBalls-D14eVMm3.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden _flex _items-center _justify-center _bg-black/80" }, ce = ["src"], ue = {
@@ -16,33 +16,33 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
       default: null
     }
   },
-  setup(d) {
-    const f = d, c = Q(() => {
-      if (!f.tweet || !f.tweet.media) return null;
-      const w = f.tweet.media;
+  setup(_) {
+    const u = _, c = Q(() => {
+      if (!u.tweet || !u.tweet.media) return null;
+      const w = u.tweet.media;
       if (!Array.isArray(w) || w.length === 0) return null;
       const g = w.find((h) => h.type === "photo") || w[0];
       return (g == null ? void 0 : g.url) || null;
     });
-    return (w, g) => d.tweet ? (n(), s("a", {
+    return (w, g) => _.tweet ? (n(), o("a", {
       key: 0,
-      href: d.tweet.url,
+      href: _.tweet.url,
       target: "_blank",
       rel: "noopener noreferrer",
       class: "_flex _items-start _gap-2.5 _p-[0.625em] _rounded-lg _bg-metallic-linear _shadow-panel _no-underline"
     }, [
       l("div", _e, [
-        c.value ? (n(), s("img", {
+        c.value ? (n(), o("img", {
           key: 0,
           src: c.value,
           alt: "Tweet media",
           class: "_w-full _h-full _object-cover"
-        }, null, 8, ce)) : (n(), s("span", ue, "𝕏"))
+        }, null, 8, ce)) : (n(), o("span", ue, "𝕏"))
       ]),
       l("div", fe, [
-        l("p", me, $(d.tweet.text), 1)
+        l("p", me, $(_.tweet.text), 1)
       ])
-    ], 8, de)) : u("", !0);
+    ], 8, de)) : f("", !0);
   }
 }, ve = { class: "_space-y-3 _mt-2 _mb-0.5" }, ge = {
   key: 1,
@@ -52,64 +52,64 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
   class: "_flex _items-center _justify-between _gap-3 _w-full"
 }, ye = {
   key: 0,
-  class: "_w-full _text-em-xs _text-zinc-500 _text-center"
-}, ke = { key: 0 }, be = { key: 1 }, xe = { key: 2 }, he = {
+  class: "_w-full _-mt-1 _text-em-sm _text-center _bg-metallic-cone _shadow-panel _rounded-lg _p-3 _text-green-600"
+}, ke = {
   key: 1,
   class: "_w-full _flex _items-center _justify-evenly _text-em-smff"
-}, $e = ["href"], Te = ["disabled"], Le = {
+}, be = ["href"], xe = ["disabled"], he = {
   key: 3,
   class: "_flex _justify-center"
-}, Ce = "https://trifle.life/twitter", je = {
+}, $e = "https://trifle.life/twitter", Te = {
   __name: "TwitterEngagementQuest",
   props: {
     mode: {
       type: String,
       required: !0,
-      validator: (d) => d === "like" || d === "reply" || d === "follow"
+      validator: (_) => _ === "like" || _ === "reply" || _ === "follow"
     }
   },
   emits: ["points-updated"],
-  setup(d, { emit: f }) {
-    const c = d, w = f, g = N("TrifleHub/store"), { backendUrl: h, isAuthenticated: z } = K(g), p = m(null), _ = m(null), y = m(!1), L = m(!1), k = m(null), v = m(null), B = m(!1), H = Q(() => _.value ? c.mode === "follow" ? !!_.value.followed : !p.value || _.value.tweetId !== p.value.id ? !1 : c.mode === "like" ? !!_.value.liked : c.mode === "reply" ? !!_.value.replied : !1 : !1), P = () => {
-      const o = g.authToken;
-      return o ? { Authorization: `Bearer ${o}` } : {};
+  setup(_, { emit: u }) {
+    const c = _, w = u, g = O("TrifleHub/store"), { backendUrl: h, isAuthenticated: z } = K(g), p = m(null), d = m(null), y = m(!1), C = m(!1), k = m(null), v = m(null), B = m(!1), H = Q(() => d.value ? c.mode === "follow" ? !!d.value.followed : !p.value || d.value.tweetId !== p.value.id ? !1 : c.mode === "like" ? !!d.value.liked : c.mode === "reply" ? !!d.value.replied : !1 : !1), P = () => {
+      const s = g.authToken;
+      return s ? { Authorization: `Bearer ${s}` } : {};
     }, M = async () => {
       y.value = !0;
       try {
-        const o = await fetch(`${h.value}/twitter/featured-tweet`);
-        if (!o.ok) return;
-        p.value = await o.json();
-      } catch (o) {
-        console.error("Error fetching featured tweet:", o);
+        const s = await fetch(`${h.value}/twitter/featured-tweet`);
+        if (!s.ok) return;
+        p.value = await s.json();
+      } catch (s) {
+        console.error("Error fetching featured tweet:", s);
       } finally {
         y.value = !1;
       }
     }, E = async () => {
       try {
-        const o = P();
-        if (!o.Authorization) return;
+        const s = P();
+        if (!s.Authorization) return;
         const i = await fetch(`${h.value}/twitter/my-status`, {
-          headers: o
+          headers: s
         });
         if (!i.ok) return;
         const e = await i.json();
-        (e.followed || e.tweetId && (e.liked || e.replied)) && (_.value = {
+        (e.followed || e.tweetId && (e.liked || e.replied)) && (d.value = {
           tweetId: e.tweetId,
           liked: !!e.liked,
           replied: !!e.replied,
           followed: !!e.followed
         });
-      } catch (o) {
-        console.error("Error fetching twitter status:", o);
+      } catch (s) {
+        console.error("Error fetching twitter status:", s);
       }
-    }, r = async (o) => {
+    }, r = async (s) => {
       var i;
-      L.value = !0;
+      C.value = !0;
       try {
         const e = {
           "Content-Type": "application/json",
           ...P()
-        }, b = (i = p.value) != null && i.id ? { tweetId: p.value.id } : {}, x = await fetch(`${h.value}/twitter/${o}`, {
+        }, b = (i = p.value) != null && i.id ? { tweetId: p.value.id } : {}, x = await fetch(`${h.value}/twitter/${s}`, {
           method: "POST",
           headers: e,
           body: JSON.stringify(b)
@@ -118,123 +118,123 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
           throw T.reconnectRequired && (B.value = !0), new Error((T == null ? void 0 : T.error) || "Verification failed");
         return T;
       } finally {
-        L.value = !1;
+        C.value = !1;
       }
     }, t = async () => {
       k.value = null, v.value = null, B.value = !1;
       try {
-        const o = { like: "verify-like", reply: "verify-reply", follow: "verify-follow" }, i = { like: "Like", reply: "Reply", follow: "Follow" }, e = { like: "liked", reply: "replied", follow: "followed" }, b = await r(o[c.mode]);
-        b.verified ? (v.value = `${i[c.mode]} verified!`, _.value = {
-          ..._.value,
+        const s = { like: "verify-like", reply: "verify-reply", follow: "verify-follow" }, i = { like: "Like", reply: "Reply", follow: "Follow" }, e = { like: "liked", reply: "replied", follow: "followed" }, b = await r(s[c.mode]);
+        b.verified ? (v.value = `${i[c.mode]} verified!`, d.value = {
+          ...d.value,
           ...b.tweetId ? { tweetId: b.tweetId } : {},
           [e[c.mode]]: !0
         }, b.pointsAwarded && w("points-updated")) : k.value = b.message || `Your ${i[c.mode].toLowerCase()} wasn't detected yet — it can take a minute to show up. Try again shortly.`;
-      } catch (o) {
-        k.value = (o == null ? void 0 : o.message) || "Verification failed. Please try again.";
+      } catch (s) {
+        k.value = (s == null ? void 0 : s.message) || "Verification failed. Please try again.";
       }
     }, a = () => {
       g.connectTwitter();
     };
     return J(() => {
       c.mode !== "follow" && M(), E();
-    }), (o, i) => {
+    }), (s, i) => {
       var e;
-      return n(), s("div", ve, [
-        d.mode !== "follow" ? (n(), s(A, { key: 0 }, [
-          p.value ? (n(), O(pe, {
+      return n(), o("div", ve, [
+        _.mode !== "follow" ? (n(), o(A, { key: 0 }, [
+          p.value ? (n(), R(pe, {
             key: 0,
             tweet: p.value,
             class: "_text-sm"
-          }, null, 8, ["tweet"])) : (n(), s("p", ge, $(y.value ? "Loading latest tweet..." : "No featured tweet available right now."), 1))
-        ], 64)) : u("", !0),
-        d.mode === "follow" || !y.value ? (n(), s("div", we, [
-          H.value ? (n(), s("div", ye, [
-            d.mode === "like" ? (n(), s("span", ke, "Like detected")) : d.mode === "reply" ? (n(), s("span", be, "Reply detected")) : d.mode === "follow" ? (n(), s("span", xe, "Follow detected")) : u("", !0)
-          ])) : (n(), s("div", he, [
-            d.mode === "follow" ? (n(), s(A, { key: 0 }, [
+          }, null, 8, ["tweet"])) : (n(), o("p", ge, $(y.value ? "Loading latest tweet..." : "No featured tweet available right now."), 1))
+        ], 64)) : f("", !0),
+        _.mode === "follow" || !y.value ? (n(), o("div", we, [
+          H.value ? (n(), o("p", ye, i[2] || (i[2] = [
+            l("span", { class: "_animate-scaleup-sm _block" }, "You did it! 🪩🪩🪩", -1)
+          ]))) : (n(), o("div", ke, [
+            _.mode === "follow" ? (n(), o(A, { key: 0 }, [
               l("a", {
-                href: Ce,
+                href: $e,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 class: "_underline _inline-block _animate-wiggle-sm",
-                onClick: i[0] || (i[0] = F(() => {
+                onClick: i[0] || (i[0] = I(() => {
                 }, ["stop"]))
               }, " Follow on X "),
-              i[2] || (i[2] = l("div", { class: "_text-zinc-500" }, "then...", -1))
-            ], 64)) : (e = p.value) != null && e.url ? (n(), s(A, { key: 1 }, [
+              i[3] || (i[3] = l("div", { class: "_text-zinc-500" }, "then...", -1))
+            ], 64)) : (e = p.value) != null && e.url ? (n(), o(A, { key: 1 }, [
               l("a", {
                 href: p.value.url,
                 target: "_blank",
                 rel: "noopener noreferrer",
                 class: "_underline _inline-block _animate-wiggle-sm",
-                onClick: i[1] || (i[1] = F(() => {
+                onClick: i[1] || (i[1] = I(() => {
                 }, ["stop"]))
-              }, $(d.mode === "like" ? "Like on X" : "Reply on X"), 9, $e),
-              i[3] || (i[3] = l("div", { class: "_text-zinc-500" }, "then...", -1))
-            ], 64)) : u("", !0),
+              }, $(_.mode === "like" ? "Like on X" : "Reply on X"), 9, be),
+              i[4] || (i[4] = l("div", { class: "_text-zinc-500" }, "then...", -1))
+            ], 64)) : f("", !0),
             l("button", {
               class: "_bubble-btn _px-5 _py-3 _text-em-smff",
-              disabled: L.value || !C(z),
+              disabled: C.value || !L(z),
               style: { filter: "hue-rotate(20deg) saturate(3)" },
-              onClick: F(t, ["stop"])
+              onClick: I(t, ["stop"])
             }, [
-              l("span", null, $(d.mode === "like" ? "Verify Like" : d.mode === "reply" ? "Verify Reply" : "Verify Follow"), 1)
-            ], 8, Te)
+              l("span", null, $(_.mode === "like" ? "Verify Like" : _.mode === "reply" ? "Verify Reply" : "Verify Follow"), 1)
+            ], 8, xe)
           ]))
-        ])) : u("", !0),
-        k.value || v.value || L.value ? (n(), s("p", {
+        ])) : f("", !0),
+        k.value || v.value || C.value ? (n(), o("p", {
           key: 2,
           class: j([
             "_mt-0.5 _text-em-xs _text-center _bg-metallic-linear _shadow-panel _rounded-lg _p-3",
-            L.value ? "_text-zinc-600" : k.value ? "_text-red-600" : "_text-primary"
+            C.value ? "_text-zinc-600" : k.value ? "_text-red-600" : "_text-primary"
           ])
-        }, $(L.value ? "Checking..." : k.value || v.value), 3)) : u("", !0),
-        B.value ? (n(), s("div", Le, [
+        }, $(C.value ? "Checking..." : k.value || v.value), 3)) : f("", !0),
+        B.value ? (n(), o("div", he, [
           l("button", {
             class: "_bubble-btn _px-5 _py-3 _text-em-smff",
             style: { filter: "hue-rotate(-340deg) saturate(1.8)" },
-            onClick: F(a, ["stop"])
-          }, i[4] || (i[4] = [
+            onClick: I(a, ["stop"])
+          }, i[5] || (i[5] = [
             l("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Reconnect Twitter", -1)
           ]))
-        ])) : u("", !0)
+        ])) : f("", !0)
       ]);
     };
   }
-}, ze = { class: "_flex-1 _overflow-y-scroll-masked _no-scrollbar _px-5 _w-full _flex _flex-col" }, Be = { class: "_-mt-3.5 _space-y-3.5" }, Ee = {
+}, Ce = { class: "_flex-1 _overflow-y-scroll-masked _no-scrollbar _px-5 _w-full _flex _flex-col" }, Le = { class: "_-mt-3.5 _space-y-3.5" }, je = {
   key: 0,
   class: "_mt-4 _px-3.5 _py-3 _flex _flex-col _gap-3 _rounded-lg _overflow-hidden _shadow-panel _bg-metallic-cone"
-}, Se = { class: "_relative _flex _flex-col _gap-2.5" }, Ae = { class: "_flex _justify-between _items-center" }, Pe = { class: "_flex _items-center _min-w-0 _flex-1" }, Fe = { class: "_text-right _min-w-0 _truncate _text-stroke-3xl" }, Ie = { class: "_gap-[0.45rem] _mt-6 _grid _grid-cols-2 _text-stroke-2xl _text-xl _tracking-wide _mb-3" }, Ve = {
+}, ze = { class: "_relative _flex _flex-col _gap-2.5" }, Be = { class: "_flex _justify-between _items-center" }, Ee = { class: "_flex _items-center _min-w-0 _flex-1" }, Se = { class: "_text-right _min-w-0 _truncate _text-stroke-3xl" }, Ae = { class: "_gap-[0.45rem] _mt-6 _grid _grid-cols-2 _text-stroke-2xl _text-xl _tracking-wide _mb-3" }, Pe = {
   key: 0,
   class: "_space-y-4"
-}, He = {
+}, Ie = {
   key: 0,
   class: "_space-y-2"
-}, Me = {
+}, Ve = {
   key: 1,
   class: "_p-4 _bg-red-100 _text-red-700 _rounded-lg"
-}, Ue = {
+}, Fe = {
   key: 2,
   class: "_space-y-2"
-}, De = { class: "_flex _w-full _gap-2.5" }, Re = { class: "_size-[1.7em]" }, Ne = ["src"], Oe = { class: "_flex-1" }, Qe = { class: "_flex _items-center _h-[1.7em] _gap-0.5 _relative _text-em-sm" }, Xe = {
+}, He = { class: "_flex _w-full _gap-2.5 _cursor-pointer" }, Me = { class: "_size-[1.7em]" }, Ue = ["src"], De = { class: "_flex-1" }, Ne = { class: "_flex _items-center _h-[1.7em] _gap-0.5 _relative _text-em-sm" }, Oe = {
   key: 0,
   class: "_rounded-full _bg-metallic-cone _shadow-panel _px-[0.5em]"
-}, Ye = {
+}, Re = {
   key: 1,
   class: "_rounded-full _bg-metallic-cone _shadow-panel _pr-[0.5em] _pl-[0.25em] _flex _gap-[0.1em]"
-}, Ge = { key: 0 }, Je = { key: 1 }, Ke = {
+}, Qe = { key: 0 }, Ye = { key: 1 }, Xe = {
   key: 0,
   class: "_flex _items-start _gap-3 _pr-3"
-}, Ze = ["innerHTML"], We = {
+}, Ge = ["innerHTML"], Je = {
   key: 0,
   class: "_absolute _top-0 _right-1 _flex _items-center _justify-center"
-}, qe = {
+}, Ke = {
   key: 1,
   class: "_space-y-3"
-}, et = { class: "_text-mlg _bg-metallic-linearff _p-2.5 _rounded-lg _shadow-panel-insetff _border-4 _border-dashed _border-black/20 _text-center _flex _flex-col _gap-4" }, tt = { class: "_flex _items-center _gap-[0.75em] _justify-center _leading-none _mt-2 _-mb-1" }, lt = { class: "_flex _items-center _gap-[0.5em]" }, nt = { class: "_flex-1 _text-center _text-stroke-2xl" }, st = { class: "_mt-6 _bg-metallic-linear _p-4 _rounded-lg _shadow-panel _text-center _flex _flex-col _gap-3.5 _pb-5" }, ot = { class: "_grid _grid-cols-2 _gap-2" }, it = {
+}, Ze = { class: "_text-mlg _bg-metallic-linearff _p-2.5 _rounded-lg _shadow-panel-insetff _border-4 _border-dashed _border-black/20 _text-center _flex _flex-col _gap-4" }, We = { class: "_flex _items-center _gap-[0.75em] _justify-center _leading-none _mt-2 _-mb-1" }, qe = { class: "_flex _items-center _gap-[0.5em]" }, et = { class: "_flex-1 _text-center _text-stroke-2xl" }, tt = { class: "_mt-6 _bg-metallic-linear _p-4 _rounded-lg _shadow-panel _text-center _flex _flex-col _gap-3.5 _pb-5" }, lt = { class: "_grid _grid-cols-2 _gap-2" }, nt = {
   __name: "Earn",
-  setup(d) {
-    const f = N("TrifleHub/store"), { openHub: c } = N("hub"), w = m([]), g = m(!0), h = m(null), z = m(0), p = m("all"), _ = m("earn"), y = m({}), { backendUrl: L, isAuthenticated: k } = K(f), v = (r) => r === "twitter-like-tweet" || r === "twitter-reply-tweet" || r === "follow-trifle-twitter", B = (r) => {
+  setup(_) {
+    const u = O("TrifleHub/store"), { openHub: c } = O("hub"), w = m([]), g = m(!0), h = m(null), z = m(0), p = m("all"), d = m("earn"), y = m({}), { backendUrl: C, isAuthenticated: k } = K(u), v = (r) => r === "twitter-like-tweet" || r === "twitter-reply-tweet" || r === "follow-trifle-twitter", B = (r) => {
       var t;
       if (v(r.id)) {
         const a = y.value[r.id];
@@ -244,45 +244,45 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
         };
       } else (t = r.link) != null && t.to && H(r.link.to);
     }, H = (r) => {
-      r == "spend" ? _.value = "spend" : c(r);
+      r == "spend" ? d.value = "spend" : c(r);
     }, P = () => {
       var r;
-      f.setProfileUsername((r = f.user) == null ? void 0 : r.username), c("profile");
+      u.setProfileUsername((r = u.user) == null ? void 0 : r.username), c("profile");
     }, M = Q(() => {
       let r = [];
       const t = w.value.filter((a) => !a.hiddenFromQuests);
-      return p.value === "all" ? r = t : p.value === "once" ? r = t.filter((a) => a.once) : p.value === "ongoing" ? r = t.filter((a) => !a.once) : r = t, r.slice().sort((a, o) => {
-        if (a.enabled && !o.enabled) return -1;
-        if (!a.enabled && o.enabled) return 1;
-        if (a.enabled && o.enabled) {
-          const i = a.completed && a.once, e = o.completed && o.once;
+      return p.value === "all" ? r = t : p.value === "once" ? r = t.filter((a) => a.once) : p.value === "ongoing" ? r = t.filter((a) => !a.once) : r = t, r.slice().sort((a, s) => {
+        if (a.enabled && !s.enabled) return -1;
+        if (!a.enabled && s.enabled) return 1;
+        if (a.enabled && s.enabled) {
+          const i = a.completed && a.once, e = s.completed && s.once;
           if (i && !e) return 1;
           if (!i && e) return -1;
         }
         return 0;
       });
     }), E = async () => {
-      var r, t, a, o, i;
+      var r, t, a, s, i;
       g.value = !0, h.value = null;
       try {
-        if (k.value || (t = (r = f.isFarcaster) == null ? void 0 : r.user) != null && t.id) {
-          const e = await fetch(`${L.value}/balls/point-categories-with-counts`, {
+        if (k.value || (t = (r = u.isFarcaster) == null ? void 0 : r.user) != null && t.id) {
+          const e = await fetch(`${C.value}/balls/point-categories-with-counts`, {
             method: "POST",
             headers: {
               "Content-Type": "application/json"
               // Authorization: `Bearer ${auth.authToken}`
             },
             body: JSON.stringify({
-              userId: ((a = f.user) == null ? void 0 : a.id) || ((i = (o = f.isFarcaster) == null ? void 0 : o.user) == null ? void 0 : i.id)
+              userId: ((a = u.user) == null ? void 0 : a.id) || ((i = (s = u.isFarcaster) == null ? void 0 : s.user) == null ? void 0 : i.id)
             })
           });
           if (!e.ok)
             throw new Error(`HTTP error! status: ${e.status}`);
           const b = await e.json();
           z.value = b.balls.total, w.value = G.map((x) => {
-            const T = b.balls.data.filter((D) => D.name === x.id), X = T.length > 0;
+            const T = b.balls.data.filter((D) => D.name === x.id), Y = T.length > 0;
             let U = null;
-            if (!x.once && X)
+            if (!x.once && Y)
               if (x.id === "gm") {
                 const D = (/* @__PURE__ */ new Date()).toDateString(), Z = T.filter(
                   (W) => new Date(W.createdAt).toDateString() === D
@@ -291,7 +291,7 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
               } else x.id === "burn-kudzu" && (U = Math.min(T.length % 10 * 10, 100));
             return {
               ...x,
-              completed: X,
+              completed: Y,
               progress: U,
               requiresLogin: !1,
               enabled: x.enabled !== void 0 ? x.enabled : !0,
@@ -318,73 +318,73 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
     }), J(() => {
       E();
     }), (r, t) => {
-      var a, o, i;
-      return n(), s("div", ze, [
-        l("header", Be, [
+      var a, s, i;
+      return n(), o("div", Ce, [
+        l("header", Le, [
           S(se, null, {
-            icon: I(() => t[5] || (t[5] = [
+            icon: V(() => t[5] || (t[5] = [
               l("img", {
                 src: le,
                 alt: "📈🪩",
                 class: "_h-[1.75em]"
               }, null, -1)
             ])),
-            default: I(() => [
-              t[6] || (t[6] = V(" BALL$ "))
+            default: V(() => [
+              t[6] || (t[6] = F(" BALL$ "))
             ]),
             _: 1
           }),
-          C(k) ? u("", !0) : (n(), s("section", Ee, [
-            l("div", Se, [
+          L(k) ? f("", !0) : (n(), o("section", je, [
+            l("div", ze, [
               t[9] || (t[9] = l("div", null, [
                 l("p", { class: "_text-mlg" }, "You might have 🪩BALL$ to claim!")
               ], -1)),
-              l("div", Ae, [
+              l("div", Be, [
                 t[8] || (t[8] = l("p", { class: "_italic _text-[#888] _text-em-sm _animate-blink" }, "Login to claim →", -1)),
                 l("button", {
                   class: "_bubble-btn _px-6 _py-2",
                   style: { filter: "hue-rotate(-340deg) saturate(1.8)" },
-                  onClick: t[0] || (t[0] = (e) => C(c)("account"))
+                  onClick: t[0] || (t[0] = (e) => L(c)("account"))
                 }, t[7] || (t[7] = [
                   l("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Login", -1)
                 ]))
               ])
             ])
           ])),
-          C(k) ? (n(), s("section", {
+          L(k) ? (n(), o("section", {
             key: 1,
             class: "_px-3 _py-3 _bg-metallic-cone _rounded-lg _shadow-panel _flex _justify-between _items-center _flex-wrap _gap-2 _leading-none _text-3xl _cursor-pointer _whitespace-nowrap",
             onClick: P
           }, [
-            l("div", Pe, [
-              (a = C(f).user) != null && a.avatar ? (n(), s("div", {
+            l("div", Ee, [
+              (a = L(u).user) != null && a.avatar ? (n(), o("div", {
                 key: 0,
                 class: "_size-[1.125em] _block _rounded-full _shadow-panel-inset _bg-cover _bg-center",
-                style: R({ backgroundImage: `url(${(o = C(f).user) == null ? void 0 : o.avatar})` })
-              }, null, 4)) : u("", !0),
+                style: N({ backgroundImage: `url(${(s = L(u).user) == null ? void 0 : s.avatar})` })
+              }, null, 4)) : f("", !0),
               t[10] || (t[10] = l("div", { class: "_opacity-30 _text-mlg _text-stroke-lg _ml-[0.37em] _min-w-0 _truncate" }, " Your Balance ", -1))
             ]),
-            l("div", Fe, $(((i = z.value) == null ? void 0 : i.toLocaleString()) || "???"), 1),
+            l("div", Se, $(((i = z.value) == null ? void 0 : i.toLocaleString()) || "???"), 1),
             t[11] || (t[11] = l("div", { class: "_flex-shrink-0" }, "🪩", -1))
-          ])) : u("", !0)
+          ])) : f("", !0)
         ]),
-        l("nav", Ie, [
+        l("nav", Ae, [
           l("button", {
-            class: j(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": _.value === "earn" }]),
-            onClick: t[1] || (t[1] = (e) => _.value = "earn"),
-            style: R(_.value === "earn" ? "filter: hue-rotate(-70deg) saturate(2.1)" : "")
+            class: j(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": d.value === "earn" }]),
+            onClick: t[1] || (t[1] = (e) => d.value = "earn"),
+            style: N(d.value === "earn" ? "filter: hue-rotate(-70deg) saturate(2.1)" : "")
           }, " earn ", 6),
           l("button", {
-            class: j(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": _.value === "spend" }]),
-            onClick: t[2] || (t[2] = (e) => _.value = "spend"),
-            style: R(_.value === "spend" ? "filter: hue-rotate(-345deg) saturate(2.5)" : "")
+            class: j(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": d.value === "spend" }]),
+            onClick: t[2] || (t[2] = (e) => d.value = "spend"),
+            style: N(d.value === "spend" ? "filter: hue-rotate(-345deg) saturate(2.5)" : "")
           }, " redeem ", 6)
         ]),
         S(ee, { name: "thub-page-group" }, {
-          default: I(() => [
-            _.value === "earn" ? (n(), s("div", Ve, [
-              g.value ? (n(), s("div", He, [
-                (n(), s(A, null, Y(3, (e) => l("div", {
+          default: V(() => [
+            d.value === "earn" ? (n(), o("div", Pe, [
+              g.value ? (n(), o("div", Ie, [
+                (n(), o(A, null, X(3, (e) => l("div", {
                   key: `loader-${e}`,
                   class: "_flex _items-center _gap-3 _p-3 _bg-metallic-linear _shadow-panel _rounded-lg animate-pulse"
                 }, t[12] || (t[12] = [
@@ -394,8 +394,8 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
                   ], -1),
                   l("div", { class: "_h-6 _w-12 _bg-black/30 _rounded" }, null, -1)
                 ]))), 64))
-              ])) : h.value ? (n(), s("div", Me, $(h.value), 1)) : (n(), s("div", Ue, [
-                (n(!0), s(A, null, Y(M.value, (e) => (n(), O(te(
+              ])) : h.value ? (n(), o("div", Ve, $(h.value), 1)) : (n(), o("div", Fe, [
+                (n(!0), o(A, null, X(M.value, (e) => (n(), R(te(
                   e.link && !v(e.id) ? typeof e.link == "string" ? "a" : "button" : "div"
                 ), {
                   key: e.id,
@@ -406,7 +406,7 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
                   onClick: (b) => B(e),
                   class: j(["_w-full _block _relative", { "_pointer-events-none": e.completed && e.once }])
                 }, {
-                  default: I(() => [
+                  default: V(() => [
                     l("div", {
                       class: j(["_bg-metallic-linear _w-full _flex _flex-col _gap-0.5 _p-[0.5em] _rounded-lg _transition-colors _text-base md:_text-mlg _relative _justify-center", [
                         {
@@ -416,24 +416,24 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
                         }
                       ]])
                     }, [
-                      l("header", De, [
-                        l("div", Re, [
+                      l("header", He, [
+                        l("div", Me, [
                           l("img", {
                             src: e.icon,
                             class: "_w-full _h-full _rounded-lg _block"
-                          }, null, 8, Ne)
+                          }, null, 8, Ue)
                         ]),
-                        l("div", Oe, [
+                        l("div", De, [
                           l("div", {
                             class: j(["_min-h-[1.7em] _flex _items-center _justify-start _text-left _py-[0.06em] _text-stroke-xl _leading-snug", { "_line-through": e.completed && e.once }])
                           }, $(e.name), 3)
                         ]),
-                        l("div", Qe, [
-                          e.enabled ? (n(), s("div", Ye, [
+                        l("div", Ne, [
+                          e.enabled ? (n(), o("div", Re, [
                             t[13] || (t[13] = l("div", null, "🪩", -1)),
-                            typeof e.pachinkoBalls == "string" ? (n(), s("span", Ge, $(e.pachinkoBalls), 1)) : (n(), s("span", Je, $(e.pachinkoBalls), 1))
-                          ])) : (n(), s("div", Xe, " soon ")),
-                          (n(), s("svg", {
+                            typeof e.pachinkoBalls == "string" ? (n(), o("span", Qe, $(e.pachinkoBalls), 1)) : (n(), o("span", Ye, $(e.pachinkoBalls), 1))
+                          ])) : (n(), o("div", Oe, " soon ")),
+                          (n(), o("svg", {
                             xmlns: "http://www.w3.org/2000/svg",
                             viewBox: "0 0 20 20",
                             fill: "black",
@@ -454,68 +454,68 @@ const de = ["href"], _e = { class: "_size-[2.65em] _rounded-md _overflow-hidden
                           ]), 2))
                         ])
                       ]),
-                      e.description && !(v(e.id) && y.value[e.id]) ? (n(), s("div", Ke, [
+                      e.description && !(v(e.id) && y.value[e.id]) ? (n(), o("div", Xe, [
                         t[15] || (t[15] = l("div", { class: "_w-[1.7em] _flex-shrink-0" }, null, -1)),
                         l("p", {
                           class: "_flex-1 _text-em-xs _text-zinc-500 _text-stroke-lg _text-left",
                           innerHTML: e.description
-                        }, null, 8, Ze)
-                      ])) : u("", !0),
-                      v(e.id) && y.value[e.id] ? (n(), O(je, {
+                        }, null, 8, Ge)
+                      ])) : f("", !0),
+                      v(e.id) && y.value[e.id] ? (n(), R(Te, {
                         key: 1,
                         mode: e.id === "twitter-like-tweet" ? "like" : e.id === "twitter-reply-tweet" ? "reply" : "follow",
                         onPointsUpdated: E
-                      }, null, 8, ["mode"])) : u("", !0)
+                      }, null, 8, ["mode"])) : f("", !0)
                     ], 2),
-                    e.completed && e.once ? (n(), s("div", We, t[16] || (t[16] = [
+                    e.completed && e.once ? (n(), o("div", Je, t[16] || (t[16] = [
                       l("img", {
                         src: ne,
                         class: "_size-[2.5em]"
                       }, null, -1)
-                    ]))) : u("", !0)
+                    ]))) : f("", !0)
                   ]),
                   _: 2
                 }, 1032, ["fid", "href", "target", "rel", "onClick", "class"]))), 128))
               ]))
-            ])) : u("", !0),
-            _.value === "spend" ? (n(), s("div", qe, [
-              l("section", et, [
-                l("header", tt, [
+            ])) : f("", !0),
+            d.value === "spend" ? (n(), o("div", Ke, [
+              l("section", Ze, [
+                l("header", We, [
                   t[17] || (t[17] = l("div", { class: "_text-[2.5em] _animate-wiggle-sm" }, "🪩", -1)),
                   t[18] || (t[18] = l("div", { class: "_text-[1.75em]" }, "➡️", -1)),
                   S(ie, { class: "_h-[2.5em]" })
                 ]),
-                l("div", lt, [
-                  l("p", nt, [
-                    t[19] || (t[19] = V(" Swap BALL$ for ")),
+                l("div", qe, [
+                  l("p", et, [
+                    t[19] || (t[19] = F(" Swap BALL$ for ")),
                     t[20] || (t[20] = l("span", { class: "_inline-block" }, "lotto-balls", -1)),
                     t[21] || (t[21] = l("br", null, null, -1)),
-                    t[22] || (t[22] = V(" in the ")),
+                    t[22] || (t[22] = F(" in the ")),
                     l("button", {
                       class: "_underline",
-                      onClick: t[3] || (t[3] = (e) => C(c)("games"))
+                      onClick: t[3] || (t[3] = (e) => L(c)("games"))
                     }, "weekly USDC lottery"),
-                    t[23] || (t[23] = V("! "))
+                    t[23] || (t[23] = F("! "))
                   ])
                 ]),
                 S(re, {
-                  onGetBallsClick: t[4] || (t[4] = (e) => _.value = "earn")
+                  onGetBallsClick: t[4] || (t[4] = (e) => d.value = "earn")
                 })
               ])
-            ])) : u("", !0)
+            ])) : f("", !0)
           ]),
           _: 1
         }),
-        l("section", st, [
+        l("section", tt, [
           t[24] || (t[24] = l("div", { class: "_opacity-30 _animate-wiggle-sm" }, "follow for more BALL$", -1)),
-          l("div", ot, [
+          l("div", lt, [
             S(oe)
           ])
         ])
       ]);
     };
   }
-}, mt = /* @__PURE__ */ ae(it, [["__scopeId", "data-v-efad72da"]]);
+}, ct = /* @__PURE__ */ ae(nt, [["__scopeId", "data-v-fdecc434"]]);
 export {
-  mt as default
+  ct as default
 };