@everymatrix/mini-games-hub 0.2.7 → 0.2.8

package/components/CoinFlip-uc2aguuz.js

@@ -0,0 +1,355 @@
+import { d as mt, c as gt, p as I, o as yt, r as oe, i as le, n as we, g as V, k as E, q as K, b as k, f as q, s as ht, e as wt, x as bt } from "./WheelOfFortuneWheel-F62aU_CL.js";
+import { a5 as Tt, b1 as L, aQ as xt, ad as Ue, aJ as u, bl as Et, L as t, b2 as Ne, b5 as c, b6 as M, ar as X, a9 as Mt, b3 as St, bc as Rt, b7 as S, b8 as At, b9 as Ct, aU as P, ba as R, O as Ft } from "./utils-3LNftCeZ.js";
+import { E as be, R as It, T as Pt, l as kt, k as Lt, m as Te, n as Dt, o as $e, q as Ve, r as Yt } from "./constants-BDSd8ptj.js";
+import { c as Xe } from "./coin-heads-loqcEtH2.js";
+import { c as Ot } from "./coin-tails-BTbsTwkz.js";
+var zt = q('<div><span class="coin-royale__chev">︿</span> <span class="coin-royale__hint-text"> </span> <span class="coin-royale__chev coin-royale__chev--down">﹀</span></div> <svg viewBox="0 0 24 24" fill="currentColor" aria-hidden="true"><path d="M9 11V5.5a1.5 1.5 0 0 1 3 0V11h.5V7.5a1.5 1.5 0 0 1 3 0V11h.5V9a1.5 1.5 0 0 1 3 0v6.5c0 3-2 5.5-5.5 5.5H12c-2 0-3.2-.8-4.2-2.3l-2.4-3.6a1.5 1.5 0 0 1 2.3-1.9L9 15.5V11Z"></path></svg>', 1), Ht = q('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-countdown"> </p></div>'), Ut = q('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-body"> </p> <button class="coin-royale__badge-close" type="button"> </button></div>'), Nt = q('<span class="coin-royale__flips-loader"></span>'), $t = q('<p class="coin-royale__flips"> <span class="coin-royale__flips-count"><img class="coin-royale__flips-icon" alt="" aria-hidden="true"/> <!></span></p>'), Vt = q('<div class="coin-royale__play"><div class="coin-royale__stage"><div role="button"><div class="coin-royale__coin-shadow"></div> <div class="coin-royale__coin"><div class="coin-royale__coin-drop-shadow" aria-hidden="true"></div> <div class="coin-royale__coin-edge" aria-hidden="true"></div> <div class="coin-royale__face coin-royale__face--front"><img alt="" draggable="false"/></div> <div class="coin-royale__face coin-royale__face--back"><img alt="" draggable="false"/></div></div> <!></div> <!></div></div> <!> <button class="coin-royale__cta" type="button"> </button>', 1);
+function Xt(qe, g) {
+  Tt(g, !0);
+  const y = () => ht(St, "$_", Ge), [Ge, Ze] = wt();
+  let A = I(g, "program", 7, null), Q = I(g, "endpoint", 7, null), ee = I(g, "session", 7, null), m = I(g, "isAvailable", 7, !1), ce = I(g, "spinResults", 15, null), v = I(g, "spinActive", 15, !1), te = I(g, "remainingTimesLoading", 7, !1), de = I(g, "onFlip", 7, () => {
+  }), G = L(xt({}));
+  Ue(() => {
+    if (!m() && A()) {
+      const e = () => u(G, Et(A()?.next?.startTime), !0);
+      e();
+      const a = setInterval(e, 1e3);
+      return () => clearInterval(a);
+    }
+  });
+  let D = L(!1), _e;
+  const je = () => {
+    clearTimeout(_e), _e = setTimeout(() => u(D, !1), 400);
+  };
+  let Z = L(!1), C = L(void 0), s = L(void 0), Y = L(void 0), F = L(void 0);
+  const ue = Rt(() => m() && !v() && !t(Z) && !te());
+  let O = 0, z = !1, j = !1, ve = 0, B = 0, fe = 0, d = null, ae = null, xe, H = !1;
+  const U = (e, a = 1, n = 0) => {
+    t(s) && (t(s).style.transform = `translateY(${n}px) rotateX(${e}deg) scale(${a})`);
+  };
+  Ue(() => {
+    if (!t(C) || !t(s) || !t(Y)) return;
+    Ee(), U(O);
+    const e = new ResizeObserver(() => Ee());
+    return e.observe(t(C)), () => e.disconnect();
+  });
+  const Ee = () => {
+    if (!t(C) || !t(s) || !t(Y)) return;
+    const e = t(C).clientWidth;
+    if (!e) return;
+    const a = e / 2 * It, n = Math.max(14, e * Pt), i = 2 * a * Math.tan(Math.PI / be) + 0.6;
+    t(s).style.setProperty("--half-t", `${(n / 2).toFixed(2)}px`), t(Y).replaceChildren();
+    for (let r = 0; r < be; r++) {
+      const l = document.createElement("div");
+      l.className = `coin-royale__edge-seg coin-royale__edge-seg--${r % 2 === 0 ? "a" : "b"}`, l.style.width = `${i.toFixed(2)}px`, l.style.height = `${n.toFixed(2)}px`, l.style.transform = `translate(-50%,-50%) rotateZ(${r * 360 / be}deg) translateY(${(-a).toFixed(2)}px) rotateX(90deg)`, t(Y).appendChild(l);
+    }
+  }, Me = (e) => {
+    O = e, d?.cancel(), d = null, U(e, 1), t(s) && (t(s).style.animation = ""), t(F) && (t(F).style.opacity = "", t(F).style.width = "");
+  }, Be = (e, a) => new Promise((n) => {
+    if (!t(s)) return n();
+    d?.cancel(), d = t(s).animate(e, { fill: "forwards", ...a }), d.onfinish = () => n(), d.oncancel = () => n();
+  }), Je = async (e, a) => {
+    const n = new Headers({ "Content-Type": "application/json" });
+    ee() && n.append("X-SessionId", ee());
+    const i = await fetch(new URL(`${Q()}/v1/wof/draw/${A()?.id}`), {
+      method: "PUT",
+      headers: n,
+      cache: "no-store",
+      body: JSON.stringify({ action: 1, guid: e }),
+      signal: a
+    });
+    if (!i.ok) throw new Error(`draw request failed: ${i.status}`);
+    return i.json();
+  }, ne = async (e) => {
+    if (!t(ue) || !t(s) || !t(C) || !Q()) return;
+    de()();
+    const a = typeof e == "number" ? e : O;
+    v(!0), u(D, !0), u(Z, !1), d?.cancel();
+    const n = -(t(C).clientHeight * kt);
+    t(F) && (t(F).style.opacity = "0.3", t(F).style.width = "34%");
+    const i = () => new Promise((b, T) => requestAnimationFrame((ge) => H ? T(new Error("destroyed")) : b(ge)));
+    let r = !1, l = !1, _;
+    const p = At(), o = new AbortController();
+    ae = o;
+    const h = Promise.race([
+      Je(p, o.signal),
+      new Promise((b, T) => {
+        _ = setTimeout(
+          () => {
+            l = !0, o.abort(), T(new Error("draw timed out"));
+          },
+          Lt
+        );
+      })
+    ]);
+    h.then(() => r = !0, () => r = !0);
+    let w = a;
+    try {
+      let b = await i();
+      const T = b;
+      for (; !r || b - T < Te; ) {
+        const x = await i(), N = Math.min(x - b, 50) / 1e3;
+        b = x;
+        const J = x - T, $ = Math.min(J / Dt, 1);
+        w += $e * $ * $ * (3 - 2 * $) * N;
+        const W = Math.min(J / Te, 1), re = 1 - (1 - W) ** 3, He = W >= 1 ? Math.sin((J - Te) / 380) * 0.015 : 0;
+        U(w, 1 + Ve * (re + He), n * (re + He));
+      }
+      const ge = await h;
+      clearTimeout(_);
+      const ie = Ct(ge, "draw");
+      if (ie.success !== !0) throw new Error("draw failed");
+      const ut = {
+        ...ie,
+        guid: p,
+        lotteryProgramID: ie.lotteryProgramID ?? A()?.id
+      }, vt = ie.type === "noprize" ? 180 : 0, Oe = 360, ye = Oe + (vt - ((w + Oe) % 360 + 360) % 360 + 360) % 360, ft = w + ye, ze = 2 * ye / $e * 1e3, pt = w, he = await i();
+      for (let x = he; x - he < ze; x = await i()) {
+        const N = (x - he) / ze, J = 1 - (1 - N) ** 2, $ = Math.min(N / 0.78, 1), W = 1 - $ * $, re = N > 0.78 ? Math.sin((N - 0.78) / 0.22 * Math.PI) * 5 : 0;
+        U(pt + ye * J, 1 + Ve * W, n * W + re);
+      }
+      if (Me(ft), await new Promise((x) => xe = setTimeout(x, 550)), H) return;
+      ce(ut), v(!1);
+    } catch (b) {
+      if (clearTimeout(_), H) return;
+      console.log(b);
+      const T = w + ((a - w) % 360 + 360) % 360;
+      if (t(s) && await Be(
+        [
+          { transform: t(s).style.transform },
+          { transform: `translateY(0px) rotateX(${T}deg) scale(1)` }
+        ],
+        { duration: 420, easing: "cubic-bezier(.55,0,.75,.4)" }
+      ), H) return;
+      Me(T), l && u(Z, !0), v(!1);
+    } finally {
+      ae === o && (ae = null), H || je();
+    }
+  }, We = () => {
+    u(Z, !1), v(!1);
+  }, Se = (e) => {
+    t(s) && (d?.cancel(), d = t(s).animate(
+      [
+        { transform: `translateY(0px) rotateX(${e}deg) scale(1)` },
+        {
+          transform: `translateY(0px) rotateX(${O}deg) scale(1)`
+        }
+      ],
+      {
+        duration: 320,
+        easing: "cubic-bezier(.22,.61,.32,1)",
+        fill: "forwards"
+      }
+    ), d.onfinish = () => {
+      d?.cancel(), d = null, U(O, 1), t(s) && (t(s).style.animation = ""), u(D, !1);
+    });
+  }, Ke = (e) => {
+    t(ue) && (z = !0, j = !1, ve = e.clientY, fe = 0, B = O, d?.cancel(), t(s) && (t(s).style.animation = "none"), u(D, !0));
+  }, Re = (e) => {
+    if (!z || v()) return;
+    const a = ve - e.clientY;
+    fe = a, Math.abs(a) > 4 && (j = !0), U(B + a * 1.1, 1 + Math.min(Math.abs(a) / 400, 0.12));
+  }, Ae = (e) => {
+    if (!z) return;
+    z = !1;
+    const a = ve - e.clientY;
+    if (Math.abs(a) > Yt) {
+      ne(B + a * 1.1);
+      return;
+    }
+    Se(B + a * 1.1);
+  }, Ce = () => {
+    z && (z = !1, j = !1, Se(B + fe * 1.1));
+  }, Qe = () => {
+    if (j) {
+      j = !1;
+      return;
+    }
+    ne();
+  };
+  yt(() => (window.addEventListener("pointermove", Re), window.addEventListener("pointerup", Ae), window.addEventListener("pointercancel", Ce), () => {
+    H = !0, ae?.abort(), clearTimeout(xe), clearTimeout(_e), window.removeEventListener("pointermove", Re), window.removeEventListener("pointerup", Ae), window.removeEventListener("pointercancel", Ce), d?.cancel();
+  }));
+  var et = {
+    get program() {
+      return A();
+    },
+    set program(e = null) {
+      A(e), P();
+    },
+    get endpoint() {
+      return Q();
+    },
+    set endpoint(e = null) {
+      Q(e), P();
+    },
+    get session() {
+      return ee();
+    },
+    set session(e = null) {
+      ee(e), P();
+    },
+    get isAvailable() {
+      return m();
+    },
+    set isAvailable(e = !1) {
+      m(e), P();
+    },
+    get spinResults() {
+      return ce();
+    },
+    set spinResults(e = null) {
+      ce(e), P();
+    },
+    get spinActive() {
+      return v();
+    },
+    set spinActive(e = !1) {
+      v(e), P();
+    },
+    get remainingTimesLoading() {
+      return te();
+    },
+    set remainingTimesLoading(e = !1) {
+      te(e), P();
+    },
+    get onFlip() {
+      return de();
+    },
+    set onFlip(e = () => {
+    }) {
+      de(e), P();
+    }
+  }, Fe = Vt(), pe = Ne(Fe), Ie = M(pe), f = M(Ie);
+  let Pe;
+  var ke = M(f);
+  oe(ke, (e) => u(F, e), () => t(F));
+  var se = c(ke, 2), Le = c(M(se), 2);
+  oe(Le, (e) => u(Y, e), () => t(Y));
+  var De = c(Le, 2), tt = S(De), at = c(De, 2), nt = S(at);
+  R(se), oe(se, (e) => u(s, e), () => t(s));
+  var st = c(se, 2);
+  {
+    var it = (e) => {
+      var a = zt(), n = Ne(a);
+      let i;
+      var r = c(M(n), 2), l = S(r, !0);
+      Ft(2), R(n);
+      var _ = c(n, 2);
+      let p;
+      X(
+        (o) => {
+          i = we(n, 1, "coin-royale__drag-hint", null, i, {
+            "coin-royale__drag-hint--hidden": t(D) || v()
+          }), E(l, o), p = we(_, 0, "coin-royale__finger-cue", null, p, {
+            "coin-royale__finger-cue--hidden": t(D) || v()
+          });
+        },
+        [() => y()("dragToFlip")]
+      ), k(e, a);
+    };
+    le(st, (e) => {
+      m() && e(it);
+    });
+  }
+  R(f), oe(f, (e) => u(C, e), () => t(C));
+  var rt = c(f, 2);
+  {
+    var ot = (e) => {
+      var a = Ht(), n = M(a), i = S(n, !0), r = c(n, 2), l = S(r, !0);
+      R(a), X(
+        (_, p) => {
+          E(i, _), E(l, p);
+        },
+        [
+          () => y()("nextAvailable"),
+          () => y()("countdown", {
+            values: {
+              days: t(G).days,
+              hours: t(G).hours,
+              minutes: t(G).minutes,
+              seconds: t(G).seconds
+            }
+          })
+        ]
+      ), k(e, a);
+    }, lt = (e) => {
+      var a = Ut(), n = M(a), i = S(n, !0), r = c(n, 2), l = S(r, !0), _ = c(r, 2), p = S(_, !0);
+      R(a), X(
+        (o, h, w) => {
+          E(i, o), E(l, h), E(p, w);
+        },
+        [
+          () => y()("timeoutTitle"),
+          () => y()("timeoutDescription"),
+          () => y()("close")
+        ]
+      ), K("click", _, We), k(e, a);
+    };
+    le(rt, (e) => {
+      m() ? t(Z) && e(lt, 1) : e(ot);
+    });
+  }
+  R(Ie), R(pe);
+  var Ye = c(pe, 2);
+  {
+    var ct = (e) => {
+      var a = $t(), n = M(a), i = c(n), r = M(i), l = c(r, 2);
+      {
+        var _ = (o) => {
+          var h = Nt();
+          k(o, h);
+        }, p = (o) => {
+          var h = bt();
+          X(() => E(h, A()?.current?.remainingTimes ?? A()?.remainingTimes)), k(o, h);
+        };
+        le(l, (o) => {
+          te() ? o(_) : o(p, -1);
+        });
+      }
+      R(i), R(a), X(
+        (o) => {
+          E(n, `${o ?? ""} `), V(r, "src", Xe);
+        },
+        [() => y()("remainingFlips")]
+      ), k(e, a);
+    };
+    le(Ye, (e) => {
+      m() && e(ct);
+    });
+  }
+  var me = c(Ye, 2), dt = S(me, !0);
+  X(
+    (e, a) => {
+      Pe = we(f, 1, "coin-royale__flip-zone", null, Pe, {
+        "coin-royale__flip-zone--disabled": !m(),
+        "coin-royale__flip-zone--settling": v()
+      }), V(f, "tabindex", m() ? 0 : -1), V(f, "aria-label", e), V(f, "aria-disabled", !t(ue)), V(tt, "src", Xe), V(nt, "src", Ot), me.disabled = !m(), E(dt, a);
+    },
+    [() => y()("flipCoin"), () => y()("flipCoin")]
+  ), K("pointerdown", f, Ke), K("click", f, Qe), K("keydown", f, (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ne());
+  }), K("click", me, () => ne()), k(qe, Fe);
+  var _t = Mt(et);
+  return Ze(), _t;
+}
+mt(["pointerdown", "click", "keydown"]);
+gt(
+  Xt,
+  {
+    program: {},
+    endpoint: {},
+    session: {},
+    isAvailable: {},
+    spinResults: {},
+    spinActive: {},
+    remainingTimesLoading: {},
+    onFlip: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  Xt as C
+};