@everymatrix/mini-games-hub 0.1.17 → 0.1.19

package/components/CoinFlip-zzM-FtUg.js

@@ -0,0 +1,402 @@
+var Ht = Object.defineProperty, Nt = Object.defineProperties;
+var Xt = Object.getOwnPropertyDescriptors;
+var _t = Object.getOwnPropertySymbols;
+var Gt = Object.prototype.hasOwnProperty, Wt = Object.prototype.propertyIsEnumerable;
+var Ye = Math.pow, vt = (p, r, o) => r in p ? Ht(p, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : p[r] = o, ze = (p, r) => {
+  for (var o in r || (r = {}))
+    Gt.call(r, o) && vt(p, o, r[o]);
+  if (_t)
+    for (var o of _t(r))
+      Wt.call(r, o) && vt(p, o, r[o]);
+  return p;
+}, ft = (p, r) => Nt(p, Xt(r));
+var Ue = (p, r, o) => new Promise((Te, ie) => {
+  var T = (c) => {
+    try {
+      k(o.next(c));
+    } catch (L) {
+      ie(L);
+    }
+  }, N = (c) => {
+    try {
+      k(o.throw(c));
+    } catch (L) {
+      ie(L);
+    }
+  }, k = (c) => c.done ? Te(c.value) : Promise.resolve(c.value).then(T, N);
+  k((o = o.apply(p, r)).next());
+});
+import { d as jt, c as Bt, p as D, o as Zt, b as ye, i as he, m as pt, k as $, s as S, n as oe, e as V, f as re, l as $t, u as qt } from "./WheelOfFortuneWheel-CDjrztMA.js";
+import { G as Jt, aM as H, aC as Kt, W as be, au as b, a0 as t, aN as mt, aO as f, aT as u, ah as q, L as Qt, aP as ea, aQ as ta, aX as aa, aU as sa, aV as na, aG as I, aR as oa, aW as _, b1 as ra } from "./utils-BJHloM10.js";
+import { E as Ve, R as ia, T as la, k as ca, j as da, l as ua, m as gt, n as wt, o as _a, p as va } from "./constants-Q_kcdbM6.js";
+import { c as fa } from "./countdown-DmWNNDzv.js";
+import { c as yt } from "./coin-heads-loqcEtH2.js";
+import { c as pa } from "./coin-tails-BTbsTwkz.js";
+var ma = $t('<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>'), ga = re('<div class="coin-royale__badge"><p class="coin-royale__badge-title"> </p> <p class="coin-royale__badge-countdown"> </p></div>'), wa = re('<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>'), ya = re('<span class="coin-royale__flips-loader"></span>'), ha = re('<div class="coin-royale__drag-hint"><span class="coin-royale__chev">︿</span> <span class="coin-royale__hint-text"> </span> <span class="coin-royale__chev coin-royale__chev--down">﹀</span></div> <p class="coin-royale__flips"> <span class="coin-royale__flips-count"><img class="coin-royale__flips-icon" alt="" aria-hidden="true"/> <!></span></p>', 1), ba = re('<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 Ta(p, r) {
+  Jt(r, !0);
+  const o = () => ea(ta, "$_", Te), [Te, ie] = oa();
+  let T = D(r, "program", 7, null), N = D(r, "endpoint", 7, null), k = D(r, "session", 7, null), c = D(r, "isAvailable", 7, !1), L = D(r, "spinResults", 15, null), g = D(r, "spinActive", 15, !1), le = D(r, "remainingTimesLoading", 7, !1), Me = D(r, "onFlip", 7, () => {
+  }), J = H(Kt({}));
+  be(() => {
+    if (!c() && T())
+      return fa({
+        getTarget: () => {
+          var e, a;
+          return (a = (e = T()) == null ? void 0 : e.next) == null ? void 0 : a.startTime;
+        },
+        onTick: (e) => b(J, e, !0),
+        // Hub refetches programs and re-targets activeGame to the live one.
+        onElapsed: () => window.postMessage({ type: "PrizeGameCountdownElapsed" }, window.location.href)
+      });
+  });
+  let ce = H(!1);
+  be(() => {
+    if (c()) {
+      const e = setTimeout(() => b(ce, !0), 2e3);
+      return () => clearTimeout(e);
+    }
+  });
+  let K = H(!1), R = H(void 0), i = H(void 0), X = H(void 0), A = H(void 0);
+  const xe = aa(() => c() && !g() && !t(K) && !le());
+  let O = 0, G = !1, Q = !1, Ee = 0, W = 0, Pe = 0, de = 0, Se = 0, ke = 0, n = null, j = null, He, ee = !1;
+  const Y = (e, a = 1, s = 0) => {
+    t(i) && (t(i).style.transform = `translateY(${s}px) rotateX(${e}deg) scale(${a})`);
+  };
+  be(() => {
+    if (!t(R) || !t(i) || !t(X)) return;
+    Ne(), Y(O);
+    const e = new ResizeObserver(() => Ne());
+    return e.observe(t(R)), () => e.disconnect();
+  }), be(() => {
+    !L() && !g() && t(i) && (O = 0, Y(0, 1));
+  });
+  const Ne = () => {
+    if (!t(R) || !t(i) || !t(X)) return;
+    const e = t(R).clientWidth;
+    if (!e) return;
+    const a = e / 2 * ia, s = Math.max(14, e * la), d = 2 * a * Math.tan(Math.PI / Ve) + 0.6;
+    t(i).style.setProperty("--half-t", `${(s / 2).toFixed(2)}px`), t(X).replaceChildren();
+    for (let l = 0; l < Ve; l++) {
+      const v = document.createElement("div");
+      v.className = `coin-royale__edge-seg coin-royale__edge-seg--${l % 2 === 0 ? "a" : "b"}`, v.style.width = `${d.toFixed(2)}px`, v.style.height = `${s.toFixed(2)}px`, v.style.transform = `translate(-50%,-50%) rotateZ(${l * 360 / Ve}deg) translateY(${(-a).toFixed(2)}px) rotateX(90deg)`, t(X).appendChild(v);
+    }
+  }, Xe = (e) => {
+    O = e, n == null || n.cancel(), n = null, Y(e, 1), t(i) && (t(i).style.animation = ""), t(A) && (t(A).style.opacity = "", t(A).style.width = "");
+  }, ht = (e, a) => new Promise((s) => {
+    if (!t(i)) return s();
+    n == null || n.cancel(), n = t(i).animate(e, ze({ fill: "forwards" }, a)), n.onfinish = () => s(), n.oncancel = () => s();
+  }), bt = (e, a) => Ue(this, null, function* () {
+    var l;
+    const s = new Headers({ "Content-Type": "application/json" });
+    k() && s.append("X-SessionId", k());
+    const d = yield fetch(new URL(`${N()}/v1/wof/draw/${(l = T()) == null ? void 0 : l.id}`), {
+      method: "PUT",
+      headers: s,
+      cache: "no-store",
+      body: JSON.stringify({ action: 1, guid: e }),
+      signal: a
+    });
+    if (!d.ok) throw new Error(`draw request failed: ${d.status}`);
+    return d.json();
+  }), ue = (e, a = 1, s = 0) => Ue(this, null, function* () {
+    var nt, ot;
+    if (!t(xe) || !t(i) || !t(R) || !N()) return;
+    Me()();
+    const d = typeof e == "number" ? e : O;
+    g(!0), b(ce, !0), b(K, !1), n == null || n.cancel();
+    const l = 1.5, v = 1.7, M = 3, x = _a / 1e3, z = x * l, te = x * v, F = Math.max(0, a * s), fe = Math.min(1, F / M), m = z + (te - z) * fe * fe, y = F === m ? 0 : ua, pe = 1e3, ae = 2, se = -(t(R).clientHeight * ca);
+    t(A) && (t(A).style.opacity = "0.3", t(A).style.width = "34%");
+    const U = () => new Promise((E, P) => requestAnimationFrame((Ce) => ee ? P(new Error("destroyed")) : E(Ce)));
+    let Ae = !1, tt = !1, Fe;
+    const at = sa(), me = new AbortController();
+    j = me;
+    const st = Promise.race([
+      bt(at, me.signal),
+      new Promise((E, P) => {
+        Fe = setTimeout(
+          () => {
+            tt = !0, me.abort(), P(new Error("draw timed out"));
+          },
+          da
+        );
+      })
+    ]);
+    st.then(() => Ae = !0, () => Ae = !0);
+    let C = d;
+    try {
+      let E = yield U();
+      const P = E;
+      for (; !Ae || E - P < pe; ) {
+        const h = yield U(), B = Math.min(h - E, 50);
+        E = h;
+        const ne = h - P, Z = y > 0 ? Math.min(ne / y, 1) : 1, we = Z * Z * (3 - 2 * Z), Oe = F + (m - F) * we;
+        C += a * Oe * B;
+        const ct = Math.min(ne / gt, 1), dt = 1 - Ye(1 - ct, 3), ut = ct >= 1 ? Math.sin((ne - gt) / 380) * 0.015 : 0;
+        Y(C, 1 + wt * (dt + ut), se * (dt + ut));
+      }
+      const Ce = yield st;
+      clearTimeout(Fe);
+      const ge = na(Ce, "draw");
+      if (ge.success !== !0) throw new Error("draw failed");
+      const Ot = ft(ze({}, ge), {
+        guid: at,
+        lotteryProgramID: (ot = ge.lotteryProgramID) != null ? ot : (nt = T()) == null ? void 0 : nt.id
+      }), rt = ge.type === "noprize" ? 180 : 0, it = (h) => (h % 360 + 360) % 360, Yt = it(rt - C), zt = it(C - rt), De = a === 1 ? Yt + ae * 360 : -(zt + ae * 360), Ut = C + De, lt = 2 * Math.abs(De) / m, Vt = C, Ie = yield U();
+      for (let h = Ie; h - Ie < lt; h = yield U()) {
+        const B = (h - Ie) / lt, ne = 1 - Ye(1 - B, 2), Z = Math.min(B / 0.78, 1), we = 1 - Z * Z, Oe = B > 0.78 ? Math.sin((B - 0.78) / 0.22 * Math.PI) * 5 : 0;
+        Y(Vt + De * ne, 1 + wt * we, se * we + Oe);
+      }
+      if (Xe(Ut), yield new Promise((h) => He = setTimeout(h, 550)), ee) return;
+      L(Ot), g(!1);
+    } catch (E) {
+      if (clearTimeout(Fe), ee) return;
+      console.log(E);
+      const P = C + ((d - C) % 360 + 360) % 360;
+      if (t(i) && (yield ht(
+        [
+          { transform: t(i).style.transform },
+          { transform: `translateY(0px) rotateX(${P}deg) scale(1)` }
+        ],
+        { duration: 420, easing: "cubic-bezier(.55,0,.75,.4)" }
+      )), ee) return;
+      Xe(P), tt && b(K, !0), g(!1);
+    } finally {
+      j === me && (j = null);
+    }
+  }), Tt = () => {
+    b(K, !1), g(!1);
+  }, Ge = (e) => {
+    t(i) && (n == null || n.cancel(), n = t(i).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"
+      }
+    ), n.onfinish = () => {
+      n == null || n.cancel(), n = null, Y(O, 1), t(i) && (t(i).style.animation = "");
+    });
+  }, Mt = (e) => {
+    t(xe) && (G = !0, Q = !1, Ee = e.clientY, Pe = 0, W = O, de = 0, Se = e.timeStamp || performance.now(), ke = W, n == null || n.cancel(), t(i) && (t(i).style.animation = "none"), b(ce, !0));
+  }, We = (e) => {
+    if (!G || g()) return;
+    const a = Ee - e.clientY;
+    Pe = a, Math.abs(a) > 4 && (Q = !0);
+    const s = W + a * 1.1, d = e.timeStamp || performance.now(), l = d - Se;
+    if (l > 0) {
+      const v = (s - ke) / l;
+      de = de * 0.5 + v * 0.5;
+    }
+    Se = d, ke = s, Y(s, 1 + Math.min(Math.abs(a) / 400, 0.12));
+  }, je = (e) => {
+    if (!G) return;
+    G = !1;
+    const a = Ee - e.clientY;
+    if (Math.abs(a) > va) {
+      ue(W + a * 1.1, a >= 0 ? 1 : -1, de);
+      return;
+    }
+    Ge(W + a * 1.1);
+  }, Be = () => {
+    G && (G = !1, Q = !1, Ge(W + Pe * 1.1));
+  }, xt = () => {
+    if (Q) {
+      Q = !1;
+      return;
+    }
+    ue();
+  };
+  Zt(() => (window.addEventListener("pointermove", We), window.addEventListener("pointerup", je), window.addEventListener("pointercancel", Be), () => {
+    ee = !0, j == null || j.abort(), clearTimeout(He), window.removeEventListener("pointermove", We), window.removeEventListener("pointerup", je), window.removeEventListener("pointercancel", Be), n == null || n.cancel();
+  }));
+  var Et = {
+    get program() {
+      return T();
+    },
+    set program(e = null) {
+      T(e), I();
+    },
+    get endpoint() {
+      return N();
+    },
+    set endpoint(e = null) {
+      N(e), I();
+    },
+    get session() {
+      return k();
+    },
+    set session(e = null) {
+      k(e), I();
+    },
+    get isAvailable() {
+      return c();
+    },
+    set isAvailable(e = !1) {
+      c(e), I();
+    },
+    get spinResults() {
+      return L();
+    },
+    set spinResults(e = null) {
+      L(e), I();
+    },
+    get spinActive() {
+      return g();
+    },
+    set spinActive(e = !1) {
+      g(e), I();
+    },
+    get remainingTimesLoading() {
+      return le();
+    },
+    set remainingTimesLoading(e = !1) {
+      le(e), I();
+    },
+    get onFlip() {
+      return Me();
+    },
+    set onFlip(e = () => {
+    }) {
+      Me(e), I();
+    }
+  }, Ze = ba(), Le = mt(Ze), $e = u(Le), w = u($e);
+  let qe;
+  var Je = u(w);
+  ye(Je, (e) => b(A, e), () => t(A));
+  var _e = f(Je, 2), Ke = f(u(_e), 2);
+  ye(Ke, (e) => b(X, e), () => t(X));
+  var Re = f(Ke, 2), Pt = u(Re);
+  _(Re);
+  var Qe = f(Re, 2), St = u(Qe);
+  _(Qe), _(_e), ye(_e, (e) => b(i, e), () => t(i));
+  var kt = f(_e, 2);
+  {
+    var Lt = (e) => {
+      var a = ma();
+      let s;
+      q(() => s = pt(a, 0, "coin-royale__finger-cue", null, s, {
+        "coin-royale__finger-cue--hidden": t(ce) || g()
+      })), V(e, a);
+    };
+    he(kt, (e) => {
+      c() && e(Lt);
+    });
+  }
+  _(w), ye(w, (e) => b(R, e), () => t(R));
+  var Rt = f(w, 2);
+  {
+    var At = (e) => {
+      var a = ga(), s = u(a), d = u(s, !0);
+      _(s);
+      var l = f(s, 2), v = u(l, !0);
+      _(l), _(a), q(
+        (M, x) => {
+          S(d, M), S(v, x);
+        },
+        [
+          () => o()("nextAvailable"),
+          () => o()("countdown", {
+            values: {
+              days: t(J).days,
+              hours: t(J).hours,
+              minutes: t(J).minutes,
+              seconds: t(J).seconds
+            }
+          })
+        ]
+      ), V(e, a);
+    }, Ft = (e) => {
+      var a = wa(), s = u(a), d = u(s, !0);
+      _(s);
+      var l = f(s, 2), v = u(l, !0);
+      _(l);
+      var M = f(l, 2), x = u(M, !0);
+      _(M), _(a), q(
+        (z, te, F) => {
+          S(d, z), S(v, te), S(x, F);
+        },
+        [
+          () => o()("timeoutTitle"),
+          () => o()("timeoutDescription"),
+          () => o()("close")
+        ]
+      ), oe("click", M, Tt), V(e, a);
+    };
+    he(Rt, (e) => {
+      c() ? t(K) && e(Ft, 1) : e(At);
+    });
+  }
+  _($e), _(Le);
+  var et = f(Le, 2);
+  {
+    var Ct = (e) => {
+      var a = ha(), s = mt(a), d = f(u(s), 2), l = u(d, !0);
+      _(d), ra(2), _(s);
+      var v = f(s, 2), M = u(v), x = f(M), z = u(x), te = f(z, 2);
+      {
+        var F = (m) => {
+          var y = ya();
+          V(m, y);
+        }, fe = (m) => {
+          var y = qt();
+          q(() => {
+            var pe, ae, se, U;
+            return S(y, (U = (ae = (pe = T()) == null ? void 0 : pe.current) == null ? void 0 : ae.remainingTimes) != null ? U : (se = T()) == null ? void 0 : se.remainingTimes);
+          }), V(m, y);
+        };
+        he(te, (m) => {
+          le() ? m(F) : m(fe, -1);
+        });
+      }
+      _(x), _(v), q(
+        (m, y) => {
+          S(l, m), S(M, `${y != null ? y : ""} `), $(z, "src", yt);
+        },
+        [() => o()("dragToFlip"), () => o()("remainingFlips")]
+      ), V(e, a);
+    };
+    he(et, (e) => {
+      c() && e(Ct);
+    });
+  }
+  var ve = f(et, 2), Dt = u(ve, !0);
+  _(ve), q(
+    (e, a) => {
+      qe = pt(w, 1, "coin-royale__flip-zone", null, qe, {
+        "coin-royale__flip-zone--disabled": !c(),
+        "coin-royale__flip-zone--settling": g()
+      }), $(w, "tabindex", c() ? 0 : -1), $(w, "aria-label", e), $(w, "aria-disabled", !t(xe)), $(Pt, "src", yt), $(St, "src", pa), ve.disabled = !c(), S(Dt, a);
+    },
+    [() => o()("flipCoin"), () => o()("flipCoin")]
+  ), oe("pointerdown", w, Mt), oe("click", w, xt), oe("keydown", w, (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), ue());
+  }), oe("click", ve, () => ue()), V(p, Ze);
+  var It = Qt(Et);
+  return ie(), It;
+}
+jt(["pointerdown", "click", "keydown"]);
+Bt(
+  Ta,
+  {
+    program: {},
+    endpoint: {},
+    session: {},
+    isAvailable: {},
+    spinResults: {},
+    spinActive: {},
+    remainingTimesLoading: {},
+    onFlip: {}
+  },
+  [],
+  [],
+  { mode: "open" }
+);
+export {
+  Ta as C
+};