@trifle/trifle-hub 1.0.161 → 1.0.162

package/dist/QuestCard-CapG6iNR.js

@@ -0,0 +1,318 @@
+import { computed as E, createElementBlock as o, createCommentVNode as v, openBlock as s, createElementVNode as t, toDisplayString as k, inject as j, ref as h, onMounted as H, Fragment as C, createBlock as z, withModifiers as $, unref as N, normalizeClass as b, resolveDynamicComponent as S, withCtx as O } from "vue";
+import { Q as U } from "./index-BBZwHOZx.js";
+import { storeToRefs as P } from "pinia";
+const Q = ["href"], X = { class: "_size-[2.65em] _rounded-md _overflow-hidden _flex _items-center _justify-center _bg-black/80" }, D = ["src"], Y = {
+  key: 1,
+  class: "_text-xs _tracking-wide _text-white/80"
+}, J = { class: "_flex-1 _min-w-0" }, K = { class: "_leading-snug _line-clamp-2 _whitespace-pre-line _text-zinc-500" }, Z = {
+  __name: "TwitterTweetSummary",
+  props: {
+    tweet: {
+      type: Object,
+      default: null
+    }
+  },
+  setup(e) {
+    const c = e, u = E(() => {
+      if (!c.tweet || !c.tweet.media) return null;
+      const w = c.tweet.media;
+      if (!Array.isArray(w) || w.length === 0) return null;
+      const d = w.find((f) => f.type === "photo") || w[0];
+      return (d == null ? void 0 : d.url) || null;
+    });
+    return (w, d) => e.tweet ? (s(), o("a", {
+      key: 0,
+      href: e.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"
+    }, [
+      t("div", X, [
+        u.value ? (s(), o("img", {
+          key: 0,
+          src: u.value,
+          alt: "Tweet media",
+          class: "_w-full _h-full _object-cover"
+        }, null, 8, D)) : (s(), o("span", Y, "𝕏"))
+      ]),
+      t("div", J, [
+        t("p", K, k(e.tweet.text), 1)
+      ])
+    ], 8, Q)) : v("", !0);
+  }
+}, G = { class: "_space-y-3 _mt-2 _mb-0.5" }, W = {
+  key: 1,
+  class: "_text-em-xs _text-zinc-500 _text-center _border-2 _border-dashed _border-black/30 _rounded-lg _p-3"
+}, ee = {
+  key: 1,
+  class: "_flex _items-center _justify-between _gap-3 _w-full"
+}, te = {
+  key: 0,
+  class: "_w-full _-mt-1 _text-em-sm _text-center _bg-metallic-cone _shadow-panel _rounded-lg _p-3 _text-green-600"
+}, le = {
+  key: 1,
+  class: "_w-full _flex-wrap _gap-2 _flex _items-center _justify-evenly _text-em-smff"
+}, ne = ["href"], se = ["disabled"], ie = {
+  key: 3,
+  class: "_flex _justify-center"
+}, oe = "https://x.com/intent/follow?screen_name=triflelife", ae = {
+  __name: "TwitterEngagementQuest",
+  props: {
+    mode: {
+      type: String,
+      required: !0,
+      validator: (e) => e === "like" || e === "reply" || e === "follow"
+    }
+  },
+  emits: ["points-updated"],
+  setup(e, { emit: c }) {
+    const u = e, w = c, d = j("TrifleHub/store"), { backendUrl: f, isAuthenticated: m } = P(d), _ = h(null), a = h(null), i = h(!1), y = h(!1), p = h(null), q = h(null), T = h(!1), V = E(() => a.value ? u.mode === "follow" ? !!a.value.followed : !_.value || a.value.tweetId !== _.value.id ? !1 : u.mode === "like" ? !!a.value.liked : u.mode === "reply" ? !!a.value.replied : !1 : !1), L = () => {
+      const l = d.authToken;
+      return l ? { Authorization: `Bearer ${l}` } : {};
+    }, F = async () => {
+      i.value = !0;
+      try {
+        const l = await fetch(`${f.value}/twitter/featured-tweet`);
+        if (!l.ok) return;
+        _.value = await l.json();
+      } catch (l) {
+        console.error("Error fetching featured tweet:", l);
+      } finally {
+        i.value = !1;
+      }
+    }, A = async () => {
+      try {
+        const l = L();
+        if (!l.Authorization) return;
+        const n = await fetch(`${f.value}/twitter/my-status`, {
+          headers: l
+        });
+        if (!n.ok) return;
+        const r = await n.json();
+        (r.followed || r.tweetId && (r.liked || r.replied)) && (a.value = {
+          tweetId: r.tweetId,
+          liked: !!r.liked,
+          replied: !!r.replied,
+          followed: !!r.followed
+        });
+      } catch (l) {
+        console.error("Error fetching twitter status:", l);
+      }
+    }, B = async (l) => {
+      var n;
+      y.value = !0;
+      try {
+        const r = {
+          "Content-Type": "application/json",
+          ...L()
+        }, g = (n = _.value) != null && n.id ? { tweetId: _.value.id } : {}, I = await fetch(`${f.value}/twitter/${l}`, {
+          method: "POST",
+          headers: r,
+          body: JSON.stringify(g)
+        }), x = await I.json();
+        if (!I.ok)
+          throw x.reconnectRequired && (T.value = !0), new Error((x == null ? void 0 : x.error) || "Verification failed");
+        return x;
+      } finally {
+        y.value = !1;
+      }
+    }, M = async () => {
+      p.value = null, q.value = null, T.value = !1;
+      try {
+        const l = { like: "verify-like", reply: "verify-reply", follow: "verify-follow" }, n = { like: "Like", reply: "Reply", follow: "Follow" }, r = { like: "liked", reply: "replied", follow: "followed" }, g = await B(l[u.mode]);
+        g.verified ? (q.value = `${n[u.mode]} verified!`, a.value = {
+          ...a.value,
+          ...g.tweetId ? { tweetId: g.tweetId } : {},
+          [r[u.mode]]: !0
+        }, g.pointsAwarded && w("points-updated")) : p.value = g.message || `Your ${n[u.mode].toLowerCase()} wasn't detected yet — it can take a minute to show up. Try again shortly.`;
+      } catch (l) {
+        p.value = (l == null ? void 0 : l.message) || "Verification failed. Please try again.";
+      }
+    }, R = () => {
+      d.connectTwitter();
+    };
+    return H(() => {
+      u.mode !== "follow" && F(), A();
+    }), (l, n) => {
+      var r;
+      return s(), o("div", G, [
+        e.mode !== "follow" ? (s(), o(C, { key: 0 }, [
+          _.value ? (s(), z(Z, {
+            key: 0,
+            tweet: _.value,
+            class: "_text-sm"
+          }, null, 8, ["tweet"])) : (s(), o("p", W, k(i.value ? "Loading latest tweet..." : "No featured tweet available right now."), 1))
+        ], 64)) : v("", !0),
+        e.mode === "follow" || !i.value ? (s(), o("div", ee, [
+          V.value ? (s(), o("p", te, n[2] || (n[2] = [
+            t("span", { class: "_animate-scaleup-sm _block" }, "You did it! 🪩🪩🪩", -1)
+          ]))) : (s(), o("div", le, [
+            e.mode === "follow" ? (s(), o(C, { key: 0 }, [
+              t("a", {
+                href: oe,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "_underline _inline-block _animate-wiggle-sm _p-[0.25em]",
+                onClick: n[0] || (n[0] = $(() => {
+                }, ["stop"]))
+              }, " Follow on X "),
+              n[3] || (n[3] = t("div", { class: "_text-zinc-500" }, "then...", -1))
+            ], 64)) : (r = _.value) != null && r.url ? (s(), o(C, { key: 1 }, [
+              t("a", {
+                href: _.value.url,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "_underline _inline-block _animate-wiggle-sm",
+                onClick: n[1] || (n[1] = $(() => {
+                }, ["stop"]))
+              }, k(e.mode === "like" ? "Like on X" : "Reply on X"), 9, ne),
+              n[4] || (n[4] = t("div", { class: "_text-zinc-500" }, "then...", -1))
+            ], 64)) : v("", !0),
+            t("button", {
+              class: "_bubble-btn _px-5 _py-3 _text-em-smff",
+              disabled: y.value || !N(m),
+              style: { filter: "hue-rotate(20deg) saturate(3)" },
+              onClick: $(M, ["stop"])
+            }, [
+              t("span", null, k(e.mode === "like" ? "Verify Like" : e.mode === "reply" ? "Verify Reply" : "Verify Follow"), 1)
+            ], 8, se)
+          ]))
+        ])) : v("", !0),
+        p.value || q.value || y.value ? (s(), o("p", {
+          key: 2,
+          class: b([
+            "_mt-0.5 _text-em-xs _text-center _bg-metallic-linear _shadow-panel _rounded-lg _p-3",
+            y.value ? "_text-zinc-600" : p.value ? "_text-red-600" : "_text-primary"
+          ])
+        }, k(y.value ? "Checking..." : p.value || q.value), 3)) : v("", !0),
+        T.value ? (s(), o("div", ie, [
+          t("button", {
+            class: "_bubble-btn _px-5 _py-3 _text-em-smff",
+            style: { filter: "hue-rotate(-340deg) saturate(1.8)" },
+            onClick: $(R, ["stop"])
+          }, n[5] || (n[5] = [
+            t("span", { style: { filter: "hue-rotate(340deg) saturate(0.5)" } }, "Reconnect Twitter", -1)
+          ]))
+        ])) : v("", !0)
+      ]);
+    };
+  }
+}, re = { class: "_flex _w-full _gap-2.5 _cursor-pointer _min-w-0 _items-stretch" }, ue = { class: "_size-9 _flex-shrink-0" }, de = ["src"], ce = { class: "_flex-1 _min-w-0 _flex _flex-col _justify-center _min-h-8 _text-left _leading-normal" }, fe = { class: "_flex _items-center _h-9 _gap-0.5 _relative _text-em-sm sm:_text-mlg _flex-shrink-0" }, _e = {
+  key: 0,
+  class: "_rounded-full _bg-metallic-cone _shadow-panel _px-[0.5em]"
+}, me = {
+  key: 1,
+  class: "_rounded-full _bg-metallic-cone _shadow-panel _pr-[0.5em] _pl-[0.25em] _flex _gap-[0.1em]"
+}, we = {
+  key: 0,
+  class: "_flex _items-start _gap-3 _pr-3"
+}, ve = ["innerHTML"], he = {
+  key: 0,
+  class: "_absolute _top-0 _right-1 _flex _items-center _justify-center"
+}, pe = {
+  __name: "QuestCard",
+  props: {
+    quest: { type: Object, required: !0 },
+    highlight: { type: Boolean, default: !1 }
+  },
+  emits: ["points-updated", "internal-link"],
+  setup(e) {
+    const c = e, u = j("hub"), { openHub: w } = u, d = j("TrifleHub/store"), f = h(!1), m = E(() => {
+      const a = c.quest.id;
+      return a === "twitter-like-tweet" || a === "twitter-reply-tweet" || a === "follow-trifle-twitter";
+    }), _ = (a) => {
+      var i;
+      m.value ? f.value = !f.value : (i = c.quest.link) != null && i.to ? w(c.quest.link.to) : c.quest.action === "fcEnableNotifications" ? d.fcEnableNotifications() : c.quest.action === "fcComposeCast" && (d.isFarcaster ? d.fcComposeCast() : window.open(
+        "https://warpcast.com/~/compose?text=I%20❤%20trifle.life&embeds[]=https://trifle.life",
+        "_blank",
+        "noopener,noreferrer"
+      ));
+    };
+    return (a, i) => (s(), z(S(
+      e.quest.link && !m.value ? typeof e.quest.link == "string" ? "a" : "button" : e.quest.action ? "button" : "div"
+    ), {
+      fid: e.quest.fid,
+      href: typeof e.quest.link == "string" && !m.value ? e.quest.link : void 0,
+      target: typeof e.quest.link == "string" && !m.value ? "_blank" : void 0,
+      rel: typeof e.quest.link == "string" && !m.value ? "noopener noreferrer" : void 0,
+      onClick: _,
+      class: b(["_w-full _block _relative", {
+        "_pointer-events-none": e.quest.completed && e.quest.once,
+        "_origin-center _animate-quest-highlight-pop _delay-500 _z-10 _relative": e.highlight
+      }]),
+      id: "thub-quest-" + e.quest.id
+    }, {
+      default: O(() => [
+        t("div", {
+          class: b(["_bg-metallic-linear _shadow-panel _w-full _p-2 _px-2.5 _pr-3 _rounded-lg _transition-colors _relative _flex _flex-col _gap-0.5 _min-h-14 _justify-center", [
+            {
+              "mouse:hover:_scale-[1.006] _duration-100": e.quest.link || e.quest.action,
+              "_opacity-40": e.quest.completed && e.quest.once
+            }
+          ]])
+        }, [
+          t("header", re, [
+            t("div", ue, [
+              t("img", {
+                src: e.quest.icon,
+                class: "_w-full _h-full _rounded-lg _block"
+              }, null, 8, de)
+            ]),
+            t("div", ce, [
+              t("div", {
+                class: b(["_min-w-0 _leading-[1.1] _text-stroke-xl", { "_line-through": e.quest.completed && e.quest.once }])
+              }, k(e.quest.name), 3)
+            ]),
+            t("div", fe, [
+              e.quest.enabled ? (s(), o("div", me, [
+                i[1] || (i[1] = t("div", null, "🪩", -1)),
+                t("span", null, k(e.quest.pachinkoBalls), 1)
+              ])) : (s(), o("div", _e, " soon ")),
+              (s(), o("svg", {
+                xmlns: "http://www.w3.org/2000/svg",
+                viewBox: "0 0 20 20",
+                fill: "black",
+                "stroke-width": "0.75",
+                stroke: "black",
+                class: b(["_size-6 sm:_size-7 _opacity-30 sm:_ml-0.5", [
+                  {
+                    "_invisible _ml-4.5": e.quest.completed && e.quest.once,
+                    "_rotate-90": m.value && f.value
+                  }
+                ]])
+              }, i[2] || (i[2] = [
+                t("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.quest.description && !(m.value && f.value) ? (s(), o("div", we, [
+            i[3] || (i[3] = t("div", { class: "_w-9 _flex-shrink-0" }, null, -1)),
+            t("p", {
+              class: "_flex-1 _text-em-xs _text-zinc-500 _text-stroke-lg _text-left",
+              innerHTML: e.quest.description
+            }, null, 8, ve)
+          ])) : v("", !0),
+          m.value && f.value ? (s(), z(ae, {
+            key: 1,
+            mode: e.quest.id === "twitter-like-tweet" ? "like" : e.quest.id === "twitter-reply-tweet" ? "reply" : "follow",
+            onPointsUpdated: i[0] || (i[0] = (y) => a.$emit("points-updated"))
+          }, null, 8, ["mode"])) : v("", !0)
+        ], 2),
+        e.quest.completed && e.quest.once ? (s(), o("div", he, i[4] || (i[4] = [
+          t("img", {
+            src: U,
+            class: "_size-[2.5em]"
+          }, null, -1)
+        ]))) : v("", !0)
+      ]),
+      _: 1
+    }, 8, ["fid", "href", "target", "rel", "id", "class"]));
+  }
+};
+export {
+  pe as _
+};

package/dist/{ReownAuthentication-CVPDiHcH.js → ReownAuthentication-ClyLCgeo.js}

@@ -1,4 +1,4 @@
-import { C as g, H as w, I as f, J as A, y as k, K as u, B as N, L as m } from "./index-DB2RGu8K.js";
+import { C as g, J as w, K as y, L as A, A as k, M as u, B as N, P as m } from "./index-BBZwHOZx.js";
 class p {
   constructor(e) {
     this.getNonce = e.getNonce;
@@ -55,7 +55,7 @@ class E {
   constructor(e = {}) {
     this.otpUuid = null, this.listeners = {
       sessionChanged: []
-    }, this.localAuthStorageKey = e.localAuthStorageKey || f.SIWX_AUTH_TOKEN, this.localNonceStorageKey = e.localNonceStorageKey || f.SIWX_NONCE_TOKEN, this.required = e.required ?? !0, this.messenger = new p({
+    }, this.localAuthStorageKey = e.localAuthStorageKey || y.SIWX_AUTH_TOKEN, this.localNonceStorageKey = e.localNonceStorageKey || y.SIWX_NONCE_TOKEN, this.required = e.required ?? !0, this.messenger = new p({
       getNonce: this.getNonce.bind(this)
     });
   }
@@ -172,7 +172,7 @@ class E {
     });
   }
   async request({ method: e, key: t, query: s, body: n, headers: o }) {
-    var y;
+    var f;
     const { projectId: r, st: h, sv: S } = this.getSDKProperties(), a = new URL(`${k.W3M_API_URL}/auth/v1/${String(t)}`);
     a.searchParams.set("projectId", r), a.searchParams.set("st", h), a.searchParams.set("sv", S), s && Object.entries(s).forEach(([i, l]) => a.searchParams.set(i, String(l)));
     const c = await fetch(a, {
@@ -195,7 +195,7 @@ class E {
     });
     if (!c.ok)
       throw new Error(await c.text());
-    return (y = c.headers.get("content-type")) != null && y.includes("application/json") ? c.json() : null;
+    return (f = c.headers.get("content-type")) != null && f.includes("application/json") ? c.json() : null;
   }
   getStorageToken(e) {
     return u.getItem(e);

package/dist/{SocialsButtons-aWpzKjcb.js → SocialsButtons-uL2_XTTy.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as n, openBlock as l, Fragment as u, renderList as o, unref as e, normalizeStyle as _, createElementVNode as r, toDisplayString as a } from "vue";
-import { p as s } from "./index-DB2RGu8K.js";
+import { p as s } from "./index-BBZwHOZx.js";
 const i = ["href", "fid"], b = { class: "_size-7 sm:_size-8 _rounded-lg _overflow-hidden" }, d = ["src"], c = { class: "_flex-1 _min-w-0 _truncate _text-center _text-stroke-xl _text-mlg _leading-snug" }, y = {
   __name: "SocialsButtons",
   setup(f) {

package/dist/SwapBalls-ChUy9GIh.js

@@ -0,0 +1,277 @@
+import { createElementBlock as s, openBlock as l, normalizeClass as x, unref as O, inject as X, computed as y, ref as f, withModifiers as Z, createElementVNode as a, createCommentVNode as i, createVNode as T, normalizeStyle as I, toDisplayString as u, withDirectives as F, vModelText as H, Fragment as p, renderList as K, createTextVNode as v, TransitionGroup as V, withCtx as q } from "vue";
+import { X as R } from "./index-BBZwHOZx.js";
+const Y = ["src"], L = {
+  __name: "TicketEmoji",
+  props: {
+    animate: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(S) {
+    const b = S;
+    return (C, d) => (l(), s("img", {
+      src: O(R),
+      class: x(["_inline-block _h-[1.1em]", { "_animate-wiggle": b.animate }])
+    }, null, 10, Y));
+  }
+}, J = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEUAAABFCAYAAAAcjSspAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQvSURBVHgB7ZvteZswEMf/6dPvzQi3QbxBNUI2MBs0Gzgb2BuQDZoNaCeIM4HpBHYnSLkKYoxPAvTCi+3f81wcAxbipDudTuIOw3FfiCqECnkoZFEeq6TiUEpefr4X8quQbfn9YvhRyL6QD095woXAveAjkOxx2qui8AXxIYSjaWqThlrO7xCmp+w86zEICscH5s+F4Toq5KWQrJAU2jc8lsebLX9flqPK66rf/YT5ofn6fa0eCUaAK75G/5aMhdQT1xjQ1Ah2cxgDm7kRIlPvppJkGIcMdsUsEIkl2hVCGAeC9j02J71EYJawxw5TCaq4HraGC6aYBUa22Z4QzD6PFeZtSmS5wRumG0gRdP1MiiE4wg88R4VUcP1MitnBsf5rzFchFTbFrNGTBPPxIW3YerxCD6RCvGxxZAjyqLTrU4Ck1bnnMrj+0nNR1wKaWk1xGWRw7CnMAkcTGjNSDQ3hqBh+vmjh/40b/hDCc4+ZmnM9e8+2G2LkqhJbg2bYQrXACvLQt4IfKeKFCtUa1AnNliW4QbDnNBTcULCnLlynHYTTQPVTwdK6zCvcSGBXygZubFrKde0tzd73X8G87iON1d/gRqyJYqxySbiPYqUo4eIcbmw9z7v+zrVn/xGOEf/h9ZSQziuDOeXgim2m62qSjDQfYpMSH0LBHX6AF+FGviZAjXLZ/p/hxyMMjSe1QIg5QTXEh/YHIcslGNIJUp5hLpk1X6SRd39X/tPkDtfD2fMPsRVjdtyUIsBKOQjHr8mnNDlcu1JIOGZUyrWk6aTGz1kp78IJQj8UdIC2hvsM2wcFPRkl9ENq/L/8xxjqdmSF8+BnhWGUk+A8+FTdfy7maJ75hBTqZuiObb2WbxrDFBXMc6w+dRenOF+hdzOzX6nbV47umJwyQbdkUpa3LT9/1753KZtwzIx9h1aIbSDo0wiSP/2sV92EdujX9U0rb11kX95PEtcyU3SHavcSNx9VWzVdeEK4vbI+Ck7hFk4QIoUhBD21D7EHv69kmPiyB0H7EZMDDq0MhcDEng0TdKXZLB9gWEroCDvFHNoRsrN+RaRXXcZIEVBDTOTlZ/WeT46Rue06EKgUUrfdSyDF+YjVCYLs1Hwy/FOAV0Gl56KuBewgxwGEeULw3PPGKMha5ULmlmshmAPLBD3ZGAq6lH20Tototx3XBgjmsP0N0/UxbQoheMJj+T7mDQJDsE9Og+V3EstNpvS+T9tL4QkCk8A+OUsx7pthGewNlyAS9fBfkgzj0KaQ6KsThNvbpiLs3TeGSoyB1EgbjBQ2JDjNcZq6KUHvmOJunkI7ZgU5v1Ilqx/L69La78hQft2sd4iQeHKBWs7bzK2PtPVEwkwghFFI8DjDxBBbMQ4ImzbMcSH4rA0NHiQOmaOt1pUUdBK7vqGv7mwPNdlCbwDIcVzJjM4/radYQjo6ZCEAAAAASUVORK5CYII=", W = { class: "_w-full _flex _justify-between _items-center" }, $ = { class: "_flex _gap-[0.25em] _min-w-0 _flex-1 _items-center" }, ee = ["src"], te = {
+  key: 2,
+  class: "_min-w-0 _truncate"
+}, se = {
+  key: 3,
+  class: "_min-w-0 _truncate _opacity-25 _pl-0.5 _text-em-sm"
+}, le = {
+  key: 0,
+  class: "_animate-blink-fast"
+}, ae = {
+  key: 0,
+  class: "_w-full _flex _shadow-panel-inset _rounded-lg _p-[0.05em]"
+}, ne = ["max", "disabled"], oe = { class: "_p-[0.3em] _flex _items-center _justify-center" }, re = {
+  key: 1,
+  class: "_flex _justify-evenly _w-full"
+}, ie = ["onClick"], ue = {
+  key: 2,
+  class: "_flex _w-full"
+}, ce = { class: "_flex _items-start _gap-[0.5em]" }, _e = { key: 0 }, de = { class: "_flex-1" }, me = { class: "_size-[1.3em] _text-black _bg-metallic-cone _rounded _flex _items-center _justify-center _shadow-panel _pt-[0.1em]" }, fe = {
+  key: 0,
+  class: "_text-em-2xs _mt-[0.25em] _text-stroke-xl"
+}, pe = {
+  key: 3,
+  class: "_flex _w-full _mt-0.5"
+}, ve = {
+  __name: "SwapBalls",
+  emits: ["getBallsClick"],
+  setup(S, { emit: b }) {
+    const C = b, d = X("TrifleHub/store"), c = y(() => d.user), r = f(0);
+    function N(e = 1) {
+      var t;
+      r.value = Math.floor((((t = c.value) == null ? void 0 : t.totalBalls) || 0) * e);
+    }
+    const w = y(() => {
+      var e;
+      return r.value > 0 && r.value <= ((e = c.value) == null ? void 0 : e.totalBalls);
+    }), n = f(), m = f(!1), j = y(() => {
+      var e;
+      return {
+        // success: '🪄',
+        error: "❌",
+        pending: "⏳"
+      }[(e = n.value) == null ? void 0 : e.type];
+    }), h = (e, t, g = {}) => {
+      m.value = !1, n.value = { type: e, message: t, data: g };
+    }, G = () => n.value = null, A = f(!1), _ = y(() => {
+      var e;
+      return (e = c.value) == null ? void 0 : e.totalBalls;
+    }), k = f(), M = () => {
+      const e = "_animate-shake-x-micro-fast";
+      k.value.classList.add(e), setTimeout(() => k.value.classList.remove(e), 120);
+    };
+    async function U() {
+      if (d.user)
+        try {
+          A.value = !0, await d.fetchUserStatus();
+        } catch (e) {
+          throw console.error(e), new Error("Couldn't get your BALL$ balance", { cause: e });
+        } finally {
+          A.value = !1;
+        }
+    }
+    U();
+    const P = async () => {
+      if (!r.value)
+        return h("error", "Enter an amount to swap first!");
+      try {
+        h("pending", "Swapping...");
+        const t = await (await fetch(d.backendUrl + "/farcaster/award", {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json",
+            Authorization: `Bearer ${d.authToken}`
+          },
+          body: JSON.stringify({
+            points: r.value
+            // Integer. Required. Number of points to swap to lotto-balls (awarded to the calling user).
+          })
+        })).json();
+        if (console.log(t), t.success)
+          console.log("Swap successful"), h("success", null, t), r.value = 0, U();
+        else
+          throw new Error("Swap failed", { cause: t });
+      } catch (e) {
+        console.log({ error: e }), console.error(e), h("error", `bZZZt... ${e.message}`, {
+          detail: (e.cause ? JSON.stringify(e.cause) : e).toString()
+        });
+      }
+    };
+    function z() {
+      C("getBallsClick");
+    }
+    return (e, t) => {
+      var g, E, D;
+      return l(), s("form", {
+        ref_key: "el",
+        ref: k,
+        class: "trifle-hub-ui _bg-metallic-linear _p-4 _rounded-lg _shadow-panel _flex _flex-col _items-center _gap-2.5 _text-2xl _text-stroke-2xl _text-right",
+        onSubmit: Z(P, ["prevent"])
+      }, [
+        a("header", W, [
+          a("div", $, [
+            (g = c.value) != null && g.avatar ? (l(), s("img", {
+              key: 0,
+              src: (E = c.value) == null ? void 0 : E.avatar,
+              class: "_size-[1.2em] _rounded-full"
+            }, null, 8, ee)) : (l(), s("div", {
+              key: 1,
+              alt: "smiley face with dashed outline",
+              class: "_size-[1.375em] _flex-shrink-0 _rounded-full _bg-cover _bg-center _opacity-30 _animate-wiggleff",
+              tabindex: "-1",
+              style: I({
+                backgroundImage: `url(${O(J)})`,
+                mixBlendMode: "multiply"
+              })
+            }, null, 4)),
+            c.value ? (l(), s("div", te, u(((D = c.value) == null ? void 0 : D.username) || "me"), 1)) : (l(), s("div", se, "who r u??"))
+          ]),
+          a("button", {
+            type: "button",
+            class: "_text-em-xs _shadow-panel _pl-[0.3em] _pr-[0.35em] _rounded-full _bg-metallic-cone _leading-none _h-[1.375em] _flex _items-center _gap-[0.15em]",
+            onClick: t[0] || (t[0] = (...o) => e.openBallsHub && e.openBallsHub(...o))
+          }, [
+            t[3] || (t[3] = a("span", null, "🪩", -1)),
+            A.value ? (l(), s("span", le, "...")) : (l(), s("span", {
+              key: 1,
+              class: x(["_text-stroke-xl", { "_text-rot": r.value > 0 }])
+            }, u(((_.value || 0) - r.value).toLocaleString()), 3))
+          ])
+        ]),
+        _.value > 0 ? (l(), s("div", ae, [
+          F(a("input", {
+            type: "number",
+            class: "_flex-1 _border _w-0 _text-right _p-0",
+            "onUpdate:modelValue": t[1] || (t[1] = (o) => r.value = o),
+            placeholder: "0",
+            min: "0",
+            max: _.value,
+            step: "1",
+            onChange: G,
+            disabled: !_.value
+          }, null, 40, ne), [
+            [H, r.value]
+          ]),
+          a("div", oe, [
+            T(L, { animate: w.value }, null, 8, ["animate"])
+          ])
+        ])) : i("", !0),
+        _.value > 0 ? (l(), s("div", re, [
+          (l(), s(p, null, K([0.1, 0.25, 0.5, 0.75, 1], (o) => a("button", {
+            key: o,
+            type: "button",
+            class: "_text-em-3xs _text-stroke-3xl _shadow-panel _px-[0.5em] _rounded-full _bg-metallic-cone _leading-none _h-[1.5em] _flex _items-center _gap-[0.15em]",
+            onClick: (B) => N(o)
+          }, [
+            o === 1 ? (l(), s(p, { key: 0 }, [
+              v("MAX")
+            ], 64)) : (l(), s(p, { key: 1 }, [
+              v(u(o * 100) + "%", 1)
+            ], 64))
+          ], 8, ie)), 64))
+        ])) : i("", !0),
+        _.value ? i("", !0) : (l(), s("div", ue, [
+          a("button", {
+            type: "button",
+            class: "_flex-1 _bubble-btn _px-6 _h-16 _flex _items-center _justify-center _text-xl _text-stroke-2xl _animate-scaleup-xs",
+            style: { filter: "hue-rotate(-345deg) saturate(2.5)" },
+            onClick: z
+          }, t[4] || (t[4] = [
+            a("span", {
+              style: { filter: "hue-rotate(345deg) saturate(0.9)" },
+              class: "_tracking-wide"
+            }, " 🪩 GET BALL$ 🪩 ", -1)
+          ]))
+        ])),
+        T(V, {
+          name: "status",
+          onAfterEnter: M
+        }, {
+          default: q(() => {
+            var o, B, Q;
+            return [
+              n.value ? (l(), s("section", {
+                class: "_w-full",
+                key: JSON.stringify(n.value)
+              }, [
+                a("div", {
+                  class: x(["_w-full _bg-metallic-cone _p-2.5 _rounded-lg _shadow-panel _text-left _text-stroke-2xl _text-lg _leading-normal _flex _flex-col", {
+                    "_animate-scaleup-xs": ["success", "pending"].includes(n.value.type),
+                    "_text-rot": n.value.type === "error"
+                  }])
+                }, [
+                  a("header", ce, [
+                    j.value ? (l(), s("div", _e, u(j.value), 1)) : i("", !0),
+                    a("div", de, [
+                      n.value.type === "success" ? (l(), s(p, { key: 0 }, [
+                        v(" 🪄 BADA-BING-BADA-BOTTO, you added " + u(n.value.data.pointsAwarded) + " ball" + u(n.value.data.pointsAwarded > 1 ? "s" : "") + " ", 1),
+                        T(L, {
+                          class: "_mb-[0.25em]",
+                          animate: !1
+                        }),
+                        t[5] || (t[5] = v(" to the next LOTTO!"))
+                      ], 64)) : (l(), s(p, { key: 1 }, [
+                        v(u(n.value.message), 1)
+                      ], 64))
+                    ]),
+                    (o = n.value.data) != null && o.detail ? (l(), s("button", {
+                      key: 1,
+                      type: "button",
+                      class: "_h-[1.4em] _flex _items-center _justify-center",
+                      onClick: t[2] || (t[2] = (xe) => m.value = !m.value)
+                    }, [
+                      a("div", me, [
+                        (l(), s("svg", {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          fill: "none",
+                          viewBox: "0 0 24 24",
+                          "stroke-width": "4",
+                          stroke: "currentColor",
+                          class: x(["_size-5/6 _opacity-75", { "_-rotate-180": m.value }])
+                        }, t[6] || (t[6] = [
+                          a("path", {
+                            "stroke-linecap": "round",
+                            "stroke-linejoin": "round",
+                            d: "m19.5 8.25-7.5 7.5-7.5-7.5"
+                          }, null, -1)
+                        ]), 2))
+                      ])
+                    ])) : i("", !0)
+                  ]),
+                  (B = n.value.data) != null && B.detail && m.value ? (l(), s("p", fe, u((Q = n.value.data.detail) == null ? void 0 : Q.toString()), 1)) : i("", !0)
+                ], 2)
+              ])) : i("", !0)
+            ];
+          }),
+          _: 1
+        }),
+        _.value > 0 ? (l(), s("footer", pe, [
+          a("button", {
+            type: "submit",
+            class: "_flex-1 _bubble-btn _px-6 _h-16 _flex _items-center _justify-center _text-xl _text-stroke-2xl",
+            style: I({ filter: w.value ? "hue-rotate(-345deg) saturate(2.5)" : "none" })
+          }, [
+            a("div", {
+              class: x({ "_animate-scaleup-sm": w.value })
+            }, "ADD TO LOTTO", 2)
+          ], 4)
+        ])) : i("", !0)
+      ], 544);
+    };
+  }
+}, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: ve
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  ye as S,
+  L as _,
+  ve as a
+};

package/dist/{SwapController-BeK9JnGm.js → SwapController-Q_rNvOur.js}

@@ -1,4 +1,4 @@
-import { N as T, w as O, a as x, R as A, S as g, u as B, y as P, E as D, z as M, W as F, C as w, B as v, b as L, A as N, D as z, F as R, e as _, h as H, G as V, s as $, j as q } from "./index-DB2RGu8K.js";
+import { N as T, y as O, a as x, R as A, S as g, z as B, A as P, E as D, D as M, W as F, C as w, B as v, b as L, F as N, G as z, H as R, e as _, h as H, I as V, s as $, j as q } from "./index-BBZwHOZx.js";
 const I = {
   getGasPriceInEther(n, t) {
     const o = t * n;