@everymatrix/mini-games-hub 0.1.18 → 0.1.19

package/components/BackButton-BrfBWRIr.js

@@ -0,0 +1,38 @@
+import { d as _, c as f, p as c, m as v, j as $, n as w, e as x, f as C } from "./WheelOfFortuneWheel-C91V0Bho.js";
+import { G as B, ah as y, L, aP as M, aQ as j, aT as l, aG as i, aR as G, aO as H, aW as u } from "./utils-DT23SX1f.js";
+var T = C('<button type="button"><svg class="game-back-button__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> <p class="game-back-button__label"> </p></button>');
+function O(p, a) {
+  B(a, !0);
+  const d = () => M(j, "$_", k), [k, m] = G(), s = c(a, "onClick", 7), o = c(a, "hidden", 7, !1);
+  var b = {
+    get onClick() {
+      return s();
+    },
+    set onClick(t) {
+      s(t), i();
+    },
+    get hidden() {
+      return o();
+    },
+    set hidden(t = !1) {
+      o(t), i();
+    }
+  }, e = T();
+  let n;
+  var r = H(l(e), 2), h = l(r, !0);
+  u(r), u(e), y(
+    (t) => {
+      n = v(e, 1, "game-back-button", null, n, { "game-back-button--hidden": o() }), $(h, t);
+    },
+    [() => d()("backToHub")]
+  ), w("click", e, function(...t) {
+    s()?.apply(this, t);
+  }), x(p, e);
+  var g = L(b);
+  return m(), g;
+}
+_(["click"]);
+f(O, { onClick: {}, hidden: {} }, [], [], { mode: "open" });
+export {
+  O as B
+};

package/components/BackButton-DWyr6ELs.js

@@ -0,0 +1,39 @@
+import { d as f, c as v, p as l, m as $, s as w, n as x, e as C, f as B } from "./WheelOfFortuneWheel-CDjrztMA.js";
+import { G as y, aO as L, aT as i, ah as M, L as G, aP as H, aQ as T, aG as u, aR as j, aW as p } from "./utils-BJHloM10.js";
+var O = B('<button type="button"><svg class="game-back-button__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 12H5M5 12L12 19M5 12L12 5" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path></svg> <p class="game-back-button__label"> </p></button>');
+function P(d, a) {
+  y(a, !0);
+  const k = () => H(T, "$_", m), [m, b] = j(), s = l(a, "onClick", 7), o = l(a, "hidden", 7, !1);
+  var h = {
+    get onClick() {
+      return s();
+    },
+    set onClick(t) {
+      s(t), u();
+    },
+    get hidden() {
+      return o();
+    },
+    set hidden(t = !1) {
+      o(t), u();
+    }
+  }, e = O();
+  let n;
+  var r = L(i(e), 2), g = i(r, !0);
+  p(r), p(e), M(
+    (t) => {
+      n = $(e, 1, "game-back-button", null, n, { "game-back-button--hidden": o() }), w(g, t);
+    },
+    [() => k()("backToHub")]
+  ), x("click", e, function(...t) {
+    var c;
+    (c = s()) == null || c.apply(this, t);
+  }), C(d, e);
+  var _ = G(h);
+  return b(), _;
+}
+f(["click"]);
+v(P, { onClick: {}, hidden: {} }, [], [], { mode: "open" });
+export {
+  P as B
+};

package/components/CoinFlip-CqHlL4t9.js

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