@trifle/trifle-hub 1.1.0 → 1.1.1

package/dist/{onramp-BUV27771.js → onramp-ChLiUFfL.js}

@@ -1,17 +1,17 @@
-import { q as O, u as b, aj as c, ak as C, O as T, x as u, T as $, C as I, Y as E, R as D, b as B, E as z, D as V, W as K, z as M, Z as Y, S as W } from "./index-B_6bbCRZ.js";
-import { r as l, c as g, n as p } from "./index-DZ4JGqbI.js";
-import { o as m } from "./if-defined-DmV0aIGE.js";
-import "./index--wmNzxU2.js";
-import { O as j } from "./index-PJbwRCkP.js";
-import "./index-DpgkQYtx.js";
-import "./index-B4sI2uyx.js";
-import "./index-1GzFses_.js";
-import "./index-c7T8N6lx.js";
-import "./index-hdzaDr7r.js";
-import "./index-DTz2CwC1.js";
-import "./index-Cd-9CkD7.js";
-import "./index-BqmTrFwO.js";
-import "./index-COS_unoF.js";
+import { q as O, u as b, aj as c, ak as C, O as T, x as u, T as $, C as I, Y as E, R as D, b as B, E as z, D as V, W as K, z as M, Z as Y, S as W } from "./index-BjgdEoUq.js";
+import { r as l, c as g, n as p } from "./index-DyKoAen5.js";
+import { o as m } from "./if-defined-BnV-ervM.js";
+import "./index-BYUIgFYz.js";
+import { O as j } from "./index-BtuYCqDV.js";
+import "./index-Cdq2oZWs.js";
+import "./index-C-O4WPQJ.js";
+import "./index-CqP96ufb.js";
+import "./index-BFnrZgM2.js";
+import "./index-B20n3ETF.js";
+import "./index-BEw-Pamy.js";
+import "./index-BzHS6p-l.js";
+import "./index-Bb87kDJL.js";
+import "./index-DHdHH03r.js";
 const q = O`
   :host > wui-grid {
     max-height: 360px;

package/dist/{pay-with-exchange-BONwE5c2.js → pay-with-exchange-Blj6-UQk.js}

@@ -1,18 +1,18 @@
-import { q as A, r as D, t as z, u as $, x as u, C as y, R as f, Y as E, S as b, z as S, b as _ } from "./index-B_6bbCRZ.js";
-import { n as h, c as v, r as d } from "./index-DZ4JGqbI.js";
-import { o as P } from "./if-defined-DmV0aIGE.js";
-import "./index-DpgkQYtx.js";
-import "./index-BwERftbf.js";
-import "./index--wmNzxU2.js";
-import "./index-CaMtpfj6.js";
-import "./index-hdzaDr7r.js";
-import "./index-DikDXdTK.js";
-import "./index-Cd-9CkD7.js";
-import { E as r } from "./ExchangeController-DKSzd5W5.js";
-import "./index-DTz2CwC1.js";
-import "./index-COS_unoF.js";
-import "./index-DY1X4FAj.js";
-import "./index-D5foIVXV.js";
+import { q as A, r as D, t as z, u as $, x as u, C as y, R as f, Y as E, S as b, z as S, b as _ } from "./index-BjgdEoUq.js";
+import { n as h, c as v, r as d } from "./index-DyKoAen5.js";
+import { o as P } from "./if-defined-BnV-ervM.js";
+import "./index-Cdq2oZWs.js";
+import "./index-B-to9VUX.js";
+import "./index-BYUIgFYz.js";
+import "./index-BLewXRlj.js";
+import "./index-B20n3ETF.js";
+import "./index-DM1fdCr_.js";
+import "./index-BzHS6p-l.js";
+import { E as r } from "./ExchangeController-Co2XHJuv.js";
+import "./index-BEw-Pamy.js";
+import "./index-DHdHH03r.js";
+import "./index-Dadi5DZf.js";
+import "./index-CphuOhcf.js";
 const T = A`
   button {
     border: none;

package/dist/{receive-DjIsYMrY.js → receive-BRvyfS7O.js}

@@ -1,8 +1,8 @@
-import { q as y, r as v, t as N, u as k, x as u, C as c, S as w, Y as h, Z as f, D as R, W as A, R as S, b as I } from "./index-B_6bbCRZ.js";
-import { n as $, c as C, U as T, r as b } from "./index-DZ4JGqbI.js";
-import { o as O } from "./if-defined-DmV0aIGE.js";
-import "./index-DpgkQYtx.js";
-import "./index-zUAmz5W0.js";
+import { q as y, r as v, t as N, u as k, x as u, C as c, S as w, Y as h, Z as f, D as R, W as A, R as S, b as I } from "./index-BjgdEoUq.js";
+import { n as $, c as C, U as T, r as b } from "./index-DyKoAen5.js";
+import { o as O } from "./if-defined-BnV-ervM.js";
+import "./index-Cdq2oZWs.js";
+import "./index-CVL_07UF.js";
 const _ = y`
   button {
     width: 100%;

package/dist/{ref-BnJwwV1J.js → ref-BBOIalX3.js}

@@ -1,5 +1,5 @@
-import { k as l } from "./index-B_6bbCRZ.js";
-import { i as $, t as a, e as f } from "./index-DZ4JGqbI.js";
+import { k as l } from "./index-BjgdEoUq.js";
+import { i as $, t as a, e as f } from "./index-DyKoAen5.js";
 /**
  * @license
  * Copyright 2020 Google LLC

package/dist/{send-DCCN5WWk.js → send-DvOYRAqW.js}

@@ -1,18 +1,18 @@
-import { q as x, u as b, b as D, C as w, z as j, ah as l, x as c, R as h, N as z, T as L, S as y, e as J, H as G, Y as M, r as q, t as K, al as Q, am as X, A as Z, E as ee } from "./index-B_6bbCRZ.js";
-import { n as d, r as u, c as v, U as E } from "./index-DZ4JGqbI.js";
-import "./index-hdzaDr7r.js";
-import "./index-DTz2CwC1.js";
-import "./index-D5foIVXV.js";
-import { e as F, n as H } from "./ref-BnJwwV1J.js";
-import "./index-DikDXdTK.js";
-import "./index-Cd-9CkD7.js";
-import "./index-Snl54idt.js";
-import { S as Y } from "./SwapController-BbHqYHlv.js";
-import "./index-COS_unoF.js";
-import "./index-DY1X4FAj.js";
-import "./index-DpgkQYtx.js";
-import "./index-CPLK5vz3.js";
-import { o as te } from "./if-defined-DmV0aIGE.js";
+import { q as x, u as b, b as D, C as w, z as j, ah as l, x as c, R as h, N as z, T as L, S as y, e as J, H as G, Y as M, r as q, t as K, al as Q, am as X, A as Z, E as ee } from "./index-BjgdEoUq.js";
+import { n as d, r as u, c as v, U as E } from "./index-DyKoAen5.js";
+import "./index-B20n3ETF.js";
+import "./index-BEw-Pamy.js";
+import "./index-CphuOhcf.js";
+import { e as F, n as H } from "./ref-BBOIalX3.js";
+import "./index-DM1fdCr_.js";
+import "./index-BzHS6p-l.js";
+import "./index-Dz6b_m4q.js";
+import { S as Y } from "./SwapController-v4pppXIt.js";
+import "./index-DHdHH03r.js";
+import "./index-Dadi5DZf.js";
+import "./index-Cdq2oZWs.js";
+import "./index-D2kFWzbc.js";
+import { o as te } from "./if-defined-BnV-ervM.js";
 const ie = x`
   :host {
     width: 100%;

package/dist/{socials-sQlxpcN4.js → socials-COpGew42.js}

@@ -1,13 +1,13 @@
-import { q as O, u as I, I as S, O as h, P as W, R as f, e as T, x as c, b as C, a4 as F, G as D, C as d, z as P, U as N, E as u, a0 as A, S as v, a5 as j, T as R, Z as y } from "./index-B_6bbCRZ.js";
-import { n as M, r as l, c as _ } from "./index-DZ4JGqbI.js";
-import { o as $ } from "./if-defined-DmV0aIGE.js";
-import { O as U } from "./index-PJbwRCkP.js";
-import { e as q } from "./index-Bsz4RhGO.js";
-import "./index-DTz2CwC1.js";
-import "./index-BqmTrFwO.js";
-import "./index-hdzaDr7r.js";
-import "./index-zUAmz5W0.js";
-import "./index-CaMtpfj6.js";
+import { q as O, u as I, I as S, O as h, P as W, R as f, e as T, x as c, b as C, a4 as F, G as D, C as d, z as P, U as N, E as u, a0 as A, S as v, a5 as j, T as R, Z as y } from "./index-BjgdEoUq.js";
+import { n as M, r as l, c as _ } from "./index-DyKoAen5.js";
+import { o as $ } from "./if-defined-BnV-ervM.js";
+import { O as U } from "./index-BtuYCqDV.js";
+import { e as q } from "./index-D_0pIlko.js";
+import "./index-BEw-Pamy.js";
+import "./index-Bb87kDJL.js";
+import "./index-B20n3ETF.js";
+import "./index-CVL_07UF.js";
+import "./index-BLewXRlj.js";
 const z = O`
   :host {
     margin-top: ${({ spacing: t }) => t[1]};

package/dist/{swaps-BR-jpNEV.js → swaps-CsqJhRVb.js}

@@ -1,14 +1,14 @@
-import { q as A, u as D, C as $, N as h, x as u, e as V, E as N, R as S, b as M, T as K, D as F, W as Q, r as W, t as q } from "./index-B_6bbCRZ.js";
-import { r as l, n as w, c as C } from "./index-DZ4JGqbI.js";
-import "./index-hdzaDr7r.js";
-import "./index-DTz2CwC1.js";
-import { M as _ } from "./index-n-vdz18K.js";
-import "./index-DU-zD9-x.js";
-import { S as s } from "./SwapController-BbHqYHlv.js";
-import "./index-CaMtpfj6.js";
-import "./index-Snl54idt.js";
-import "./index-COS_unoF.js";
-import "./index-DpgkQYtx.js";
+import { q as A, u as D, C as $, N as h, x as u, e as V, E as N, R as S, b as M, T as K, D as F, W as Q, r as W, t as q } from "./index-BjgdEoUq.js";
+import { r as l, n as w, c as C } from "./index-DyKoAen5.js";
+import "./index-B20n3ETF.js";
+import "./index-BEw-Pamy.js";
+import { M as _ } from "./index-BO7yZWBD.js";
+import "./index-BzRlqe1H.js";
+import { S as s } from "./SwapController-v4pppXIt.js";
+import "./index-BLewXRlj.js";
+import "./index-Dz6b_m4q.js";
+import "./index-DHdHH03r.js";
+import "./index-Cdq2oZWs.js";
 const H = {
   numericInputKeyDown(e, t, o) {
     const i = [

package/dist/{transactions-BI02pyWr.js → transactions-BN1AxMlP.js}

@@ -1,6 +1,6 @@
-import { w as f, u as a, x as u } from "./index-B_6bbCRZ.js";
-import { c as w } from "./index-DZ4JGqbI.js";
-import "./index-DLyASpCu.js";
+import { w as f, u as a, x as u } from "./index-BjgdEoUq.js";
+import { c as w } from "./index-DyKoAen5.js";
+import "./index-O1OqNkfY.js";
 const d = f`
   :host > wui-flex:first-child {
     height: 500px;

package/dist/trifle-hub.css

@@ -436,6 +436,9 @@ video {
     margin: -0.125rem;
   }._-m-1 {
     margin: -0.25rem;
+  }._-mx-2 {
+    margin-left: -0.5rem;
+    margin-right: -0.5rem;
   }._-mx-5 {
     margin-left: -1.25rem;
     margin-right: -1.25rem;
@@ -470,6 +473,8 @@ video {
     margin-left: -2px;
   }._-mr-6 {
     margin-right: -1.5rem;
+  }._-mt-0\.5 {
+    margin-top: -0.125rem;
   }._-mt-1 {
     margin-top: -0.25rem;
   }._-mt-1\.5 {
@@ -1714,6 +1719,59 @@ video {
     ._bubble-btn:hover:not([disabled]) {
       border-image-width: 19px;
     }
+  }.trifle-hub-ui .masked-oval {
+    --oval-mask: radial-gradient(
+      ellipse 80% 48% at 50% 50%,
+      rgba(0, 0, 0, 1) 70%,
+      rgba(0, 0, 0, 0.7) 78%,
+      rgba(0, 0, 0, 0.4) 86%,
+      rgba(0, 0, 0, 0.15) 93%,
+      rgba(0, 0, 0, 0) 100%
+    );
+    -webkit-mask-image: var(--oval-mask);
+    -webkit-mask-repeat: no-repeat;
+    -webkit-mask-size: 100% 100%;
+    mask-image: var(--oval-mask);
+    mask-repeat: no-repeat;
+    mask-size: 100% 100%;
+  }@layer trifle-hub {
+    ._animate-rainbow-wiggle {
+      animation: rainbow-wiggle 1s ease-in-out infinite;
+    }
+
+    ._animate-rainbow-wiggle-sm {
+      animation: rainbow-wiggle-sm 1s ease-in-out infinite;
+    }
+
+    @keyframes rainbow-wiggle {
+      0% {
+        filter: hue-rotate(0deg) brightness(1) contrast(1) saturate(3);
+        transform: rotate(-8deg);
+      }
+      50% {
+        filter: hue-rotate(180deg) brightness(1) contrast(1) saturate(3);
+        transform: rotate(8deg);
+      }
+      100% {
+        filter: hue-rotate(360deg) brightness(1) contrast(1) saturate(3);
+        transform: rotate(-8deg);
+      }
+    }
+
+    @keyframes rainbow-wiggle-sm {
+      0% {
+        filter: hue-rotate(0deg) brightness(1) contrast(1) saturate(3);
+        transform: rotate(-4deg);
+      }
+      50% {
+        filter: hue-rotate(180deg) brightness(1) contrast(1) saturate(3);
+        transform: rotate(4deg);
+      }
+      100% {
+        filter: hue-rotate(360deg) brightness(1) contrast(1) saturate(3);
+        transform: rotate(-4deg);
+      }
+    }
   }.hover\:_bg-zinc-300:hover {
     --tw-bg-opacity: 1;
     background-color: rgb(212 212 216 / var(--tw-bg-opacity, 1));

package/dist/{w3m-modal-Dblq6D4h.js → w3m-modal-DkzTBu_K.js}

@@ -1,15 +1,15 @@
-import { T as x, an as ae, R as c, z as de, q as C, r as L, u as y, x as d, G as _, t as ue, v as D, C as g, Y as j, ak as he, U as V, E as U, O as R, I as F, w as pe, S as O, P as z, Z as me, ao as fe, ap as we } from "./index-B_6bbCRZ.js";
-import { c as w, n as l, r as u, U as ne } from "./index-DZ4JGqbI.js";
-import { o as W } from "./if-defined-DmV0aIGE.js";
-import "./index-BOY5M7KG.js";
-import "./index-DpgkQYtx.js";
-import { H as ee } from "./HelpersUtil-BPK4Kvyf.js";
-import "./index-B4sI2uyx.js";
-import "./index-DTz2CwC1.js";
-import "./index-DU-zD9-x.js";
-import "./index-5ech7jLW.js";
-import { S as be } from "./SwapController-BbHqYHlv.js";
-import "./index-hdzaDr7r.js";
+import { T as x, an as ae, R as c, z as de, q as C, r as L, u as y, x as d, G as _, t as ue, v as D, C as g, Y as j, ak as he, U as V, E as U, O as R, I as F, w as pe, S as O, P as z, Z as me, ao as fe, ap as we } from "./index-BjgdEoUq.js";
+import { c as w, n as l, r as u, U as ne } from "./index-DyKoAen5.js";
+import { o as W } from "./if-defined-BnV-ervM.js";
+import "./index-4yRoGOQO.js";
+import "./index-Cdq2oZWs.js";
+import { H as ee } from "./HelpersUtil-D9b9TbXb.js";
+import "./index-C-O4WPQJ.js";
+import "./index-BEw-Pamy.js";
+import "./index-BzRlqe1H.js";
+import "./index-qeopR1ky.js";
+import { S as be } from "./SwapController-v4pppXIt.js";
+import "./index-B20n3ETF.js";
 const se = {
   isUnsupportedChainView() {
     return c.state.view === "UnsupportedChain" || c.state.view === "SwitchNetwork" && c.state.history.includes("UnsupportedChain");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trifle/trifle-hub",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "description": "Vue component library for Trifle Hub",
   "keywords": [
     "vue",

package/dist/Earn-BVtdNUxL.js

@@ -1,255 +0,0 @@
-import { inject as E, ref as f, computed as Q, watch as j, onMounted as J, nextTick as R, createElementBlock as r, openBlock as i, createElementVNode as t, createVNode as b, createCommentVNode as v, withCtx as S, createTextVNode as w, unref as p, normalizeStyle as D, toDisplayString as A, normalizeClass as F, TransitionGroup as K, Fragment as H, renderList as z, createBlock as W } from "vue";
-import { m as X, n as N } from "./index-B_6bbCRZ.js";
-import { H as Z } from "./HubPageHeader-VDMilTIN.js";
-import { storeToRefs as q } from "pinia";
-import { _ as ee } from "./SocialsButtons-DtwEuVa-.js";
-import { _ as te, a as le } from "./SwapBalls-jt0cB6dz.js";
-import { _ as se } from "./QuestCard-ABFoFHer.js";
-import { _ as ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ae = { class: "_flex-1 _overflow-y-scroll-masked _no-scrollbar _px-5 _w-full _flex _flex-col" }, oe = { class: "_-mt-3.5 _space-y-3.5" }, ie = {
-  key: 0,
-  class: "_mt-4 _px-3.5 _py-3 _flex _flex-col _gap-3 _rounded-lg _overflow-hidden _shadow-panel _bg-metallic-cone"
-}, re = { class: "_relative _flex _flex-col _gap-2.5" }, _e = { class: "_flex _justify-between _items-center" }, de = { class: "_flex _items-center _min-w-0 _flex-1" }, ue = { class: "_text-right _min-w-0 _truncate _text-stroke-3xl" }, ce = { class: "_gap-[0.45rem] _mt-6 _grid _grid-cols-2 _text-stroke-2xl _text-xl _tracking-wide _mb-3" }, me = {
-  key: 0,
-  class: "_space-y-4"
-}, fe = {
-  key: 0,
-  class: "_space-y-2"
-}, pe = {
-  key: 1,
-  class: "_p-4 _bg-red-100 _text-red-700 _rounded-lg"
-}, ge = {
-  key: 2,
-  class: "_space-y-2"
-}, be = {
-  key: 1,
-  class: "_space-y-3"
-}, ve = { 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" }, xe = { class: "_flex _items-center _gap-[0.75em] _justify-center _leading-none _mt-2 _-mb-1" }, he = { class: "_flex _items-center _gap-[0.5em]" }, ke = { class: "_flex-1 _text-center _text-stroke-2xl" }, ye = { class: "_mt-6 _bg-metallic-linear _p-4 _rounded-lg _shadow-panel _text-center _flex _flex-col _gap-3.5 _pb-5" }, we = { class: "_grid _grid-cols-2 _gap-2" }, $e = {
-  __name: "Earn",
-  setup(Ce) {
-    const d = E("TrifleHub/store"), x = E("hub"), { openHub: $ } = x, C = f([]), h = f(!0), k = f(null), P = f(0), L = f("all"), u = f("earn"), { backendUrl: U, isAuthenticated: y } = q(d), V = () => {
-      var s;
-      d.setProfileUsername((s = d.user) == null ? void 0 : s.username), $("profile");
-    }, O = Q(() => {
-      var s;
-      return (s = x.highlightQuestId) == null ? void 0 : s.value;
-    }), M = Q(() => {
-      var l;
-      let s = [];
-      const e = d.isFarcaster ? "farcaster" : "web", o = C.value.filter(
-        (n) => !n.hiddenFromQuests && (!n.platforms || n.platforms.includes(e))
-      );
-      L.value === "all" ? s = o : L.value === "once" ? s = o.filter((n) => n.once) : L.value === "ongoing" ? s = o.filter((n) => !n.once) : s = o;
-      const _ = s.slice().sort((n, a) => {
-        if (n.enabled && !a.enabled) return -1;
-        if (!n.enabled && a.enabled) return 1;
-        if (n.enabled && a.enabled) {
-          const m = n.completed && n.once, g = a.completed && a.once;
-          if (m && !g) return 1;
-          if (!m && g) return -1;
-        }
-        return 0;
-      }), c = (l = x.highlightQuestId) == null ? void 0 : l.value;
-      if (c) {
-        const n = _.findIndex((a) => a.id === c);
-        if (n > 0) {
-          const [a] = _.splice(n, 1);
-          _.unshift(a);
-        }
-      }
-      return _;
-    }), T = async () => {
-      var s, e, o, _, c;
-      h.value = !0, k.value = null;
-      try {
-        if (y.value || (e = (s = d.isFarcaster) == null ? void 0 : s.user) != null && e.id) {
-          const l = await fetch(`${U.value}/balls/point-categories-with-counts`, {
-            method: "POST",
-            headers: {
-              "Content-Type": "application/json"
-              // Authorization: `Bearer ${auth.authToken}`
-            },
-            body: JSON.stringify({
-              userId: ((o = d.user) == null ? void 0 : o.id) || ((c = (_ = d.isFarcaster) == null ? void 0 : _.user) == null ? void 0 : c.id)
-            })
-          });
-          if (!l.ok)
-            throw new Error(`HTTP error! status: ${l.status}`);
-          const n = await l.json();
-          P.value = n.balls.total, C.value = N.map((a) => {
-            const m = n.balls.data.filter((I) => I.name === a.id), g = m.length > 0;
-            let B = null;
-            if (!a.once && g)
-              if (a.id === "gm") {
-                const I = (/* @__PURE__ */ new Date()).toDateString(), G = m.filter(
-                  (Y) => new Date(Y.createdAt).toDateString() === I
-                );
-                B = Math.min(G.length / 10 * 100, 100);
-              } else a.id === "burn-kudzu" && (B = Math.min(m.length % 10 * 10, 100));
-            return {
-              ...a,
-              completed: g,
-              progress: B,
-              requiresLogin: !1,
-              enabled: a.enabled !== void 0 ? a.enabled : !0,
-              link: a.link || null
-            };
-          });
-        } else
-          P.value = 0, C.value = N.map((l) => ({
-            ...l,
-            completed: !1,
-            progress: null,
-            requiresLogin: !0,
-            enabled: l.enabled !== void 0 ? l.enabled : !0,
-            link: l.link || null
-          }));
-      } catch (l) {
-        console.error("Error fetching quest data:", l), k.value = "Failed to load quest data. Please try again later.";
-      } finally {
-        h.value = !1;
-      }
-    };
-    return j(y, () => {
-      T();
-    }), J(() => {
-      T();
-    }), j(
-      () => {
-        var s;
-        return [(s = x.highlightQuestId) == null ? void 0 : s.value, h.value];
-      },
-      async ([s, e]) => {
-        var o;
-        !s || e || (await R(), (o = document.getElementById(`thub-quest-${s}`)) == null || o.scrollIntoView({
-          behavior: "smooth",
-          block: "nearest"
-        }));
-      },
-      { flush: "post" }
-    ), (s, e) => {
-      var o, _, c;
-      return i(), r("div", ae, [
-        t("header", oe, [
-          b(Z, null, {
-            icon: S(() => e[5] || (e[5] = [
-              t("img", {
-                src: X,
-                alt: "📈🪩",
-                class: "_h-[1.75em]"
-              }, null, -1)
-            ])),
-            default: S(() => [
-              e[6] || (e[6] = w(" BALL$ "))
-            ]),
-            _: 1
-          }),
-          p(y) ? v("", !0) : (i(), r("section", ie, [
-            t("div", re, [
-              e[9] || (e[9] = t("div", null, [
-                t("p", { class: "_text-mlg" }, "You might have 🪩BALL$ to claim!")
-              ], -1)),
-              t("div", _e, [
-                e[8] || (e[8] = t("p", { class: "_italic _text-[#888] _text-em-sm _animate-blink" }, "Login to claim →", -1)),
-                t("button", {
-                  class: "_bubble-btn _px-6 _py-2",
-                  style: { filter: "hue-rotate(-340deg) saturate(1.8)" },
-                  onClick: e[0] || (e[0] = (l) => p($)("account"))
-                }, e[7] || (e[7] = [
-                  t("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Login", -1)
-                ]))
-              ])
-            ])
-          ])),
-          p(y) ? (i(), r("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: V
-          }, [
-            t("div", de, [
-              (o = p(d).user) != null && o.avatar ? (i(), r("div", {
-                key: 0,
-                class: "_size-[1.125em] _block _rounded-full _shadow-panel-inset _bg-cover _bg-center",
-                style: D({ backgroundImage: `url(${(_ = p(d).user) == null ? void 0 : _.avatar})` })
-              }, null, 4)) : v("", !0),
-              e[10] || (e[10] = t("div", { class: "_opacity-30 _text-mlg _text-stroke-lg _ml-[0.37em] _min-w-0 _truncate" }, " Your Balance ", -1))
-            ]),
-            t("div", ue, A(((c = P.value) == null ? void 0 : c.toLocaleString()) || "???"), 1),
-            e[11] || (e[11] = t("div", { class: "_flex-shrink-0" }, "🪩", -1))
-          ])) : v("", !0)
-        ]),
-        t("nav", ce, [
-          t("button", {
-            class: F(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": u.value === "earn" }]),
-            onClick: e[1] || (e[1] = (l) => u.value = "earn"),
-            style: D(u.value === "earn" ? "filter: hue-rotate(-70deg) saturate(1.6)" : "")
-          }, " earn ", 6),
-          t("button", {
-            class: F(["_bubble-btn _px-4.5 _h-16", { "_animate-wiggle-sm": u.value === "spend" }]),
-            onClick: e[2] || (e[2] = (l) => u.value = "spend"),
-            style: D(u.value === "spend" ? "filter: hue-rotate(-345deg) saturate(2.5)" : "")
-          }, " redeem ", 6)
-        ]),
-        b(K, { name: "thub-page-group" }, {
-          default: S(() => [
-            u.value === "earn" ? (i(), r("div", me, [
-              h.value ? (i(), r("div", fe, [
-                (i(), r(H, null, z(3, (l) => t("div", {
-                  key: `loader-${l}`,
-                  class: "_flex _items-center _gap-3 _p-3 _bg-metallic-linear _shadow-panel _rounded-lg animate-pulse"
-                }, e[12] || (e[12] = [
-                  t("div", { class: "_size-8 _rounded-full _bg-black/30" }, null, -1),
-                  t("div", { class: "_flex-1 _space-y-2" }, [
-                    t("div", { class: "_h-4 _bg-black/30 _rounded w-3/4" })
-                  ], -1),
-                  t("div", { class: "_h-6 _w-12 _bg-black/30 _rounded" }, null, -1)
-                ]))), 64))
-              ])) : k.value ? (i(), r("div", pe, A(k.value), 1)) : (i(), r("div", ge, [
-                (i(!0), r(H, null, z(M.value, (l) => (i(), W(se, {
-                  key: l.id,
-                  quest: l,
-                  highlight: l.id === O.value,
-                  onPointsUpdated: T
-                }, null, 8, ["quest", "highlight"]))), 128))
-              ]))
-            ])) : v("", !0),
-            u.value === "spend" ? (i(), r("div", be, [
-              t("section", ve, [
-                t("header", xe, [
-                  e[13] || (e[13] = t("div", { class: "_text-[2.5em] _animate-wiggle-sm" }, "🪩", -1)),
-                  e[14] || (e[14] = t("div", { class: "_text-[1.75em]" }, "➡️", -1)),
-                  b(te, { class: "_h-[2.5em]" })
-                ]),
-                t("div", he, [
-                  t("p", ke, [
-                    e[15] || (e[15] = w(" Add ")),
-                    e[16] || (e[16] = t("span", { class: "_inline-block" }, "balls", -1)),
-                    e[17] || (e[17] = w(" to next week's ")),
-                    t("button", {
-                      class: "_underline",
-                      onClick: e[3] || (e[3] = (l) => p($)("games", !1, { tab: "lotteries" }))
-                    }, " USDC contest"),
-                    e[18] || (e[18] = w("! "))
-                  ])
-                ]),
-                b(le, {
-                  onGetBallsClick: e[4] || (e[4] = (l) => u.value = "earn")
-                })
-              ])
-            ])) : v("", !0)
-          ]),
-          _: 1
-        }),
-        t("section", ye, [
-          e[19] || (e[19] = t("div", { class: "_opacity-30 _animate-wiggle-sm" }, "follow for more BALL$", -1)),
-          t("div", we, [
-            b(ee)
-          ])
-        ])
-      ]);
-    };
-  }
-}, Qe = /* @__PURE__ */ ne($e, [["__scopeId", "data-v-9837718d"]]);
-export {
-  Qe as default
-};