@everymatrix/mini-games-hub 0.1.21 → 0.1.22

package/components/CoinFlip-9-7FNYAn.js

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