@trifle/trifle-hub 1.0.158 → 1.0.160

package/dist/AccountIndex-DJmRjgF8.js

@@ -0,0 +1,119 @@
+import { inject as y, computed as c, createBlock as m, openBlock as _, withCtx as t, createElementVNode as o, createVNode as f, createTextVNode as l, normalizeClass as L, unref as v, toDisplayString as b, onMounted as k, watch as g } from "vue";
+import { storeToRefs as C } from "pinia";
+import { A as T, S as N, _ as d, a as W } from "./Profile-CPe1Pymh.js";
+import { m as B } from "./index-C-bpIric.js";
+const S = ["data"], $ = { class: "_w-full _max-w-[22em] _mx-auto _px-1.5 sm:_px-8 _flex _flex-col _gap-4 _items-center" }, h = { class: "_flex _flex-col _w-full _leading-none" }, D = {
+  __name: "ConnectAccount",
+  setup(A) {
+    const a = y("TrifleHub/store"), n = c(() => a.getPlatformData("wallet")), r = c(() => a.accountConnected), u = c(() => a.currentWalletNeedsAuth), s = c(() => a.accountAddress), p = c(() => s.value ? n.value.find((w) => {
+      var e, i;
+      return ((e = w.id) == null ? void 0 : e.toLowerCase()) === ((i = s.value) == null ? void 0 : i.toLowerCase());
+    }) : null);
+    return (w, e) => (_(), m(T, null, {
+      avatar: t(() => [
+        o("object", {
+          data: v(B),
+          alt: "smiley face with dashed outline",
+          class: "_w-full _block _transform _origin-center _scale-[1.35] sm:_scale-[1.45]"
+        }, null, 8, S)
+      ]),
+      title: t(() => e[0] || (e[0] = [
+        o("div", { class: "_text-stroke-2xl" }, b("who r u??"), -1)
+      ])),
+      description: t(() => e[1] || (e[1] = [
+        o("p", { class: "_-mt-2" }, [
+          l(" Link identities → "),
+          o("span", {
+            class: "_ffborder-b _border-current",
+            style: { "border-style": "dashed" }
+          }, " earn BALL$"),
+          l(" 🪩 ")
+        ], -1)
+      ])),
+      default: t(() => {
+        var i, x;
+        return [
+          o("section", $, [
+            o("nav", h, [
+              r.value && u.value ? (_(), m(N, {
+                key: 0,
+                "wallet-address": s.value,
+                "wallet-avatar": (i = p.value) == null ? void 0 : i.avatar,
+                "display-name": ((x = p.value) == null ? void 0 : x.username) || s.value,
+                class: "_mb-1"
+              }, null, 8, ["wallet-address", "wallet-avatar", "display-name"])) : (_(), m(d, {
+                key: 1,
+                platform: "wallet",
+                points: "+10"
+              }, {
+                default: t(() => e[2] || (e[2] = [
+                  l(" Wallet Login ")
+                ])),
+                _: 1
+              })),
+              f(d, {
+                platform: "discord",
+                points: "+10"
+              }, {
+                default: t(() => e[3] || (e[3] = [
+                  l(" Discord Login ")
+                ])),
+                _: 1
+              }),
+              f(d, {
+                platform: "twitter",
+                points: "+10"
+              }, {
+                default: t(() => e[4] || (e[4] = [
+                  l(" TwitterX Login ")
+                ])),
+                _: 1
+              }),
+              f(d, {
+                platform: "telegram",
+                points: "+10"
+              }, {
+                default: t(() => e[5] || (e[5] = [
+                  l(" Telegram Login ")
+                ])),
+                _: 1
+              }),
+              f(d, {
+                platform: "farcaster",
+                points: "+10",
+                class: L({ "_order-first": v(a).isFarcaster })
+              }, {
+                default: t(() => e[6] || (e[6] = [
+                  l(" Farcaster Login ")
+                ])),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ])
+        ];
+      }),
+      _: 1
+    }));
+  }
+}, H = {
+  __name: "AccountIndex",
+  setup(A) {
+    const a = y("TrifleHub/store"), { isAuthenticated: n, user: r } = C(a), u = () => {
+      var s;
+      n.value && ((s = r.value) != null && s.username) && a.setProfileUsername(r.value.username);
+    };
+    return k(() => {
+      u();
+    }), g(n, () => {
+      u();
+    }), g(
+      () => r.value && r.value.username,
+      () => {
+        u();
+      }
+    ), (s, p) => v(n) ? (_(), m(W, { key: 0 })) : (_(), m(D, { key: 1 }));
+  }
+};
+export {
+  H as default
+};

package/dist/Earn-DXAaaBgH.js

@@ -0,0 +1,521 @@
+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-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 = {
+  key: 1,
+  class: "_text-xs _tracking-wide _text-white/80"
+}, fe = { class: "_flex-1 _min-w-0" }, me = { class: "_leading-snug _line-clamp-2 _whitespace-pre-line _text-zinc-500" }, pe = {
+  __name: "TwitterTweetSummary",
+  props: {
+    tweet: {
+      type: Object,
+      default: null
+    }
+  },
+  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) => _.tweet ? (n(), o("a", {
+      key: 0,
+      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(), o("img", {
+          key: 0,
+          src: c.value,
+          alt: "Tweet media",
+          class: "_w-full _h-full _object-cover"
+        }, null, 8, ce)) : (n(), o("span", ue, "𝕏"))
+      ]),
+      l("div", fe, [
+        l("p", me, $(_.tweet.text), 1)
+      ])
+    ], 8, de)) : f("", !0);
+  }
+}, ve = { class: "_space-y-3 _mt-2 _mb-0.5" }, ge = {
+  key: 1,
+  class: "_text-em-xs _text-zinc-500 _text-center _border-2 _border-dashed _border-black/30 _rounded-lg _p-3"
+}, we = {
+  key: 1,
+  class: "_flex _items-center _justify-between _gap-3 _w-full"
+}, ye = {
+  key: 0,
+  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"
+}, be = ["href"], xe = ["disabled"], he = {
+  key: 3,
+  class: "_flex _justify-center"
+}, $e = "https://trifle.life/twitter", Te = {
+  __name: "TwitterEngagementQuest",
+  props: {
+    mode: {
+      type: String,
+      required: !0,
+      validator: (_) => _ === "like" || _ === "reply" || _ === "follow"
+    }
+  },
+  emits: ["points-updated"],
+  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 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 s = P();
+        if (!s.Authorization) return;
+        const i = await fetch(`${h.value}/twitter/my-status`, {
+          headers: s
+        });
+        if (!i.ok) return;
+        const e = await i.json();
+        (e.followed || e.tweetId && (e.liked || e.replied)) && (d.value = {
+          tweetId: e.tweetId,
+          liked: !!e.liked,
+          replied: !!e.replied,
+          followed: !!e.followed
+        });
+      } catch (s) {
+        console.error("Error fetching twitter status:", s);
+      }
+    }, r = async (s) => {
+      var i;
+      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/${s}`, {
+          method: "POST",
+          headers: e,
+          body: JSON.stringify(b)
+        }), T = await x.json();
+        if (!x.ok)
+          throw T.reconnectRequired && (B.value = !0), new Error((T == null ? void 0 : T.error) || "Verification failed");
+        return T;
+      } finally {
+        C.value = !1;
+      }
+    }, t = async () => {
+      k.value = null, v.value = null, B.value = !1;
+      try {
+        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 (s) {
+        k.value = (s == null ? void 0 : s.message) || "Verification failed. Please try again.";
+      }
+    }, a = () => {
+      g.connectTwitter();
+    };
+    return J(() => {
+      c.mode !== "follow" && M(), E();
+    }), (s, i) => {
+      var e;
+      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(), 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: $e,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "_underline _inline-block _animate-wiggle-sm",
+                onClick: i[0] || (i[0] = I(() => {
+                }, ["stop"]))
+              }, " Follow on X "),
+              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] = I(() => {
+                }, ["stop"]))
+              }, $(_.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: C.value || !L(z),
+              style: { filter: "hue-rotate(20deg) saturate(3)" },
+              onClick: I(t, ["stop"])
+            }, [
+              l("span", null, $(_.mode === "like" ? "Verify Like" : _.mode === "reply" ? "Verify Reply" : "Verify Follow"), 1)
+            ], 8, xe)
+          ]))
+        ])) : 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",
+            C.value ? "_text-zinc-600" : k.value ? "_text-red-600" : "_text-primary"
+          ])
+        }, $(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: I(a, ["stop"])
+          }, i[5] || (i[5] = [
+            l("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Reconnect Twitter", -1)
+          ]))
+        ])) : f("", !0)
+      ]);
+    };
+  }
+}, 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"
+}, 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"
+}, Ie = {
+  key: 0,
+  class: "_space-y-2"
+}, Ve = {
+  key: 1,
+  class: "_p-4 _bg-red-100 _text-red-700 _rounded-lg"
+}, Fe = {
+  key: 2,
+  class: "_space-y-2"
+}, 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]"
+}, Re = {
+  key: 1,
+  class: "_rounded-full _bg-metallic-cone _shadow-panel _pr-[0.5em] _pl-[0.25em] _flex _gap-[0.1em]"
+}, Qe = { key: 0 }, Ye = { key: 1 }, Xe = {
+  key: 0,
+  class: "_flex _items-start _gap-3 _pr-3"
+}, Ge = ["innerHTML"], Je = {
+  key: 0,
+  class: "_absolute _top-0 _right-1 _flex _items-center _justify-center"
+}, Ke = {
+  key: 1,
+  class: "_space-y-3"
+}, 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(_) {
+    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];
+        y.value = {
+          ...y.value,
+          [r.id]: !a
+        };
+      } else (t = r.link) != null && t.to && H(r.link.to);
+    }, H = (r) => {
+      r == "spend" ? d.value = "spend" : c(r);
+    }, P = () => {
+      var r;
+      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, 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, s, i;
+      g.value = !0, h.value = null;
+      try {
+        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 = 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), Y = T.length > 0;
+            let U = null;
+            if (!x.once && Y)
+              if (x.id === "gm") {
+                const D = (/* @__PURE__ */ new Date()).toDateString(), Z = T.filter(
+                  (W) => new Date(W.createdAt).toDateString() === D
+                );
+                U = Math.min(Z.length / 10 * 100, 100);
+              } else x.id === "burn-kudzu" && (U = Math.min(T.length % 10 * 10, 100));
+            return {
+              ...x,
+              completed: Y,
+              progress: U,
+              requiresLogin: !1,
+              enabled: x.enabled !== void 0 ? x.enabled : !0,
+              link: x.link || null
+            };
+          });
+        } else
+          z.value = 0, w.value = G.map((e) => ({
+            ...e,
+            completed: !1,
+            progress: null,
+            requiresLogin: !0,
+            enabled: e.enabled !== void 0 ? e.enabled : !0,
+            link: e.link || null
+          }));
+      } catch (e) {
+        console.error("Error fetching quest data:", e), h.value = "Failed to load quest data. Please try again later.";
+      } finally {
+        g.value = !1;
+      }
+    };
+    return q(k, () => {
+      E();
+    }), J(() => {
+      E();
+    }), (r, t) => {
+      var a, s, i;
+      return n(), o("div", Ce, [
+        l("header", Le, [
+          S(se, null, {
+            icon: V(() => t[5] || (t[5] = [
+              l("img", {
+                src: le,
+                alt: "📈🪩",
+                class: "_h-[1.75em]"
+              }, null, -1)
+            ])),
+            default: V(() => [
+              t[6] || (t[6] = F(" BALL$ "))
+            ]),
+            _: 1
+          }),
+          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", 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) => L(c)("account"))
+                }, t[7] || (t[7] = [
+                  l("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Login", -1)
+                ]))
+              ])
+            ])
+          ])),
+          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", 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: 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", Se, $(((i = z.value) == null ? void 0 : i.toLocaleString()) || "???"), 1),
+            t[11] || (t[11] = l("div", { class: "_flex-shrink-0" }, "🪩", -1))
+          ])) : f("", !0)
+        ]),
+        l("nav", Ae, [
+          l("button", {
+            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": 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: 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] = [
+                  l("div", { class: "_size-8 _rounded-full _bg-black/30" }, null, -1),
+                  l("div", { class: "_flex-1 _space-y-2" }, [
+                    l("div", { class: "_h-4 _bg-black/30 _rounded w-3/4" })
+                  ], -1),
+                  l("div", { class: "_h-6 _w-12 _bg-black/30 _rounded" }, null, -1)
+                ]))), 64))
+              ])) : 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,
+                  fid: e.fid,
+                  href: typeof e.link == "string" && !v(e.id) ? e.link : void 0,
+                  target: typeof e.link == "string" && !v(e.id) ? "_blank" : void 0,
+                  rel: typeof e.link == "string" && !v(e.id) ? "noopener noreferrer" : void 0,
+                  onClick: (b) => B(e),
+                  class: j(["_w-full _block _relative", { "_pointer-events-none": e.completed && e.once }])
+                }, {
+                  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", [
+                        {
+                          "mouse:hover:_scale-[1.006] _duration-100": e.link,
+                          "_opacity-40": e.completed && e.once,
+                          "_shadow-panel": !(e.completed && e.conce)
+                        }
+                      ]])
+                    }, [
+                      l("header", He, [
+                        l("div", Me, [
+                          l("img", {
+                            src: e.icon,
+                            class: "_w-full _h-full _rounded-lg _block"
+                          }, null, 8, Ue)
+                        ]),
+                        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", Ne, [
+                          e.enabled ? (n(), o("div", Re, [
+                            t[13] || (t[13] = l("div", null, "🪩", -1)),
+                            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",
+                            "stroke-width": "0.75",
+                            stroke: "black",
+                            class: j(["_size-6 sm:_size-7 _opacity-30 sm:_ml-0.5", [
+                              {
+                                "_invisible _ml-4.5": e.completed && e.once,
+                                "_rotate-90": v(e.id) && y.value[e.id]
+                              }
+                            ]])
+                          }, t[14] || (t[14] = [
+                            l("path", {
+                              "fill-rule": "evenodd",
+                              d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
+                              "clip-rule": "evenodd"
+                            }, null, -1)
+                          ]), 2))
+                        ])
+                      ]),
+                      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, 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"])) : f("", !0)
+                    ], 2),
+                    e.completed && e.once ? (n(), o("div", Je, t[16] || (t[16] = [
+                      l("img", {
+                        src: ne,
+                        class: "_size-[2.5em]"
+                      }, null, -1)
+                    ]))) : f("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["fid", "href", "target", "rel", "onClick", "class"]))), 128))
+              ]))
+            ])) : 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", 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] = F(" in the ")),
+                    l("button", {
+                      class: "_underline",
+                      onClick: t[3] || (t[3] = (e) => L(c)("games"))
+                    }, "weekly USDC lottery"),
+                    t[23] || (t[23] = F("! "))
+                  ])
+                ]),
+                S(re, {
+                  onGetBallsClick: t[4] || (t[4] = (e) => d.value = "earn")
+                })
+              ])
+            ])) : f("", !0)
+          ]),
+          _: 1
+        }),
+        l("section", tt, [
+          t[24] || (t[24] = l("div", { class: "_opacity-30 _animate-wiggle-sm" }, "follow for more BALL$", -1)),
+          l("div", lt, [
+            S(oe)
+          ])
+        ])
+      ]);
+    };
+  }
+}, ct = /* @__PURE__ */ ae(nt, [["__scopeId", "data-v-fdecc434"]]);
+export {
+  ct as default
+};

package/dist/{ExchangeController-O21rDxQI.js → ExchangeController-BqiUJhPe.js}

@@ -1,4 +1,4 @@
-import { a as k, g as U, C as l, E as w, b as E, S as A, c as x, f as P, d as N, e as I, O as L, N as f, h as C, B as T, i as W, s as _, j as v } from "./index-BestOUlf.js";
+import { a as k, g as U, C as l, E as w, b as E, S as A, c as x, f as P, d as N, e as I, O as L, N as f, h as C, B as T, i as W, s as _, j as v } from "./index-C-bpIric.js";
 const D = 0, b = {
   paymentAsset: null,
   amount: null,