@everymatrix/mini-games-hub 0.1.6 → 0.1.7

package/components/{WheelOfFortune-C175eyqQ.js → WheelOfFortune-CbvJZO8-.js}

@@ -1,11 +1,11 @@
-import { d as ye, W as ve } from "./WheelOfFortuneWheel-Dn6de3eN.js";
-import { d as we, e as ke, p as We, U as Be, f as Ce, h as c, s as I, i as ze, V as Se, n as x, E as d, q as _e, k as D, j as n, m as E, t as Q, r as w, w as G, Y as De, x as A, y as Ge, H as ne, N as R, z as Ae, A as Re, D as f, B as Le, M as i, G as $, l as ee } from "./utils-DrO0OQK_.js";
-import { W as Pe } from "./WheelOfFortuneHistory-CdbwXfZf.js";
-import { W as Te } from "./WheelOfFortuneDrawResults-BmOTEhGD.js";
-import { W as He } from "./WheelOfFortuneRules-DAM5aq_8.js";
-import { p as Me } from "./constants-CWz8CXw2.js";
-var je = ne("<button> </button>"), Ye = ne('<div><button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div>  <div class="svelte-17ly5gn"><!></div> <!></div>');
-const Fe = {
+import { d as ve, c as we, a as ke, t as We, p as l, o as Be, i as q, e as Ce, W as ze, k as b, s as _, r as Se, l as J, b as Y, f as I, m as _e, u as De } from "./WheelOfFortuneWheel-CCmzx2yj.js";
+import { B as Ae, aN as Ge, aO as D, aB as Le, Q as Re, Y as n, at as h, ad as j, G as Pe, a_ as A, aV as p, aQ as Te, aR as Fe, aU as g, aF as c, aS as Me, aY as i } from "./utils-B53aGsNG.js";
+import { W as Ye } from "./WheelOfFortuneHistory-CT-5jtfe.js";
+import { W as je } from "./WheelOfFortuneDrawResults-DnQPGIPX.js";
+import { W as Ie } from "./WheelOfFortuneRules-C16Md0m_.js";
+import { p as Ee } from "./constants-CWz8CXw2.js";
+var He = I('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>', 2), Oe = I("<button> </button>"), Ve = I('<div><!> <button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div>  <div class="svelte-17ly5gn"><!></div> <!></div>');
+const Xe = {
   hash: "svelte-17ly5gn",
   code: `@keyframes svelte-17ly5gn-wheelBob {
   0%, 100% {
@@ -589,10 +589,12 @@ const Fe = {
   animation: none !important;} .WheelContainer.is-lite .segment-hit-fill {filter:none !important;
   animation: svelte-17ly5gn-liteHitPulse 1200ms ease-in-out infinite !important;} .WheelContainer.is-lite .SessionBadge {backdrop-filter:none;-webkit-backdrop-filter:none;} .WheelContainer.is-lite .Outer {filter:none;} .WheelContainer.is-lite .sparkle,
  .WheelContainer.is-lite .confetti {display:none;} .SpinButton.is-lite {
-  animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent.WheelBackgroundHalo > *:not(.WheelContainer),
- .WheelContent.WheelBackgroundHalo .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen > *:not(.WheelContainer),
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .BackButtonContainer {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .WofTitle p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .WofTabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
+  animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;position:relative;transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent > *:not(.WheelContainer):not(.WheelVideoBackground),
+ .WheelContent .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);} .WheelContent.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.is-spin-fullscreen > *:not(.WheelContainer):not(.WheelVideoBackground),
+ .WheelContent.is-spin-fullscreen .SpinsInfo,
+ .WheelContent.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .WheelVideoBackground {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (min-width: 720px) { .WheelVideoBackground {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .WheelVideoBackground.is-ready {opacity:0.2;} .BackButtonContainer {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .WofTitle p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .WofTabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
   animation: svelte-17ly5gn-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .SpinsInfo {display:flex;align-items:center;gap:8px;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .SpinsInfo .SpinsCount {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .CountdownText {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .CountdownText .TimeSegment {font-variant-numeric:tabular-nums;} .SpinButton {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-style:italic;font-weight:900;cursor:pointer;position:relative;z-index:2;
   animation: svelte-17ly5gn-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .SpinButton:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .SpinButton:disabled {
   animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;} .DrawResultPanel {inset:0;z-index:20;display:grid;place-items:center;padding:70px 20px;text-align:center;overflow:hidden;width:100%;height:100%;min-height:50dvh;background:transparent;
@@ -615,129 +617,150 @@ const Fe = {
     animation: none;}
 }`
 };
-function Ie(O, o) {
-  We(o, !0), Be(O, Fe);
-  const k = () => Ae(Re, "$_", te), [te, re] = Le();
-  Ce.extend(ye);
-  const r = c(o, "program", 7, null), m = c(o, "endpoint", 7, null), y = c(o, "session", 7, null), L = c(o, "outerWheelAsset", 7, null), P = c(o, "wheelButtonAsset", 7, null), T = c(o, "language", 7, "en"), H = c(o, "showBackButton", 7, !0), M = c(o, "liteMode", 7, !1), u = R(() => !m() || !r()), ae = R(() => {
-    var e, t;
-    return !n(u) && ((t = (e = r()) == null ? void 0 : e.remainingTimes) != null ? t : 0) > 0;
-  }), oe = R(() => {
-    var e, t;
-    return n(u) ? Me : (t = (e = r()) == null ? void 0 : e.partitions) != null ? t : [];
-  }), s = ["history", "play", "rules"];
-  let b = I(ze(s[1]));
-  const ie = (e) => {
-    var t, a, g, h;
+function Ze(E, a) {
+  Ae(a, !0), ke(E, Xe);
+  const w = () => Te(Fe, "$_", $), [$, ee] = Me();
+  Ge.extend(We);
+  const ne = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", r = l(a, "program", 7, null), m = l(a, "endpoint", 7, null), x = l(a, "session", 7, null), G = l(a, "outerWheelAsset", 7, null), L = l(a, "wheelButtonAsset", 7, null), R = l(a, "backgroundVideoAsset", 7, null), P = l(a, "language", 7, "en"), T = l(a, "showBackButton", 7, !0), y = l(a, "liteMode", 7, !1), u = A(() => !m() || !r()), te = A(() => !n(u) && (r()?.remainingTimes ?? 0) > 0), re = A(() => n(u) ? Ee : r()?.partitions ?? []), s = ["history", "play", "rules"];
+  let f = D(Le(s[1]));
+  const ae = (e) => {
     e === s[0] ? window.postMessage(
       {
         type: "event_wof_history_click",
-        name: ((t = r()) == null ? void 0 : t.name) || null
+        name: r()?.name || null
       },
       window.location.href
-    ) : e === s[2] ? window.postMessage({ type: "event_wof_rules_click", name: ((a = r()) == null ? void 0 : a.name) || null }, window.location.href) : window.postMessage(
+    ) : e === s[2] ? window.postMessage({ type: "event_wof_rules_click", name: r()?.name || null }, window.location.href) : window.postMessage(
       {
         type: "event_wof_accessed",
         isUserLoggedIn: !n(u),
-        name: ((g = r()) == null ? void 0 : g.name) || null,
-        availableSpins: ((h = r()) == null ? void 0 : h.remainingTimes) || null
+        name: r()?.name || null,
+        availableSpins: r()?.remainingTimes || null
       },
       window.location.href
-    ), D(b, e, !0);
+    ), h(F, !1), h(f, e, !0);
   };
-  let l = I(null), j = I(!1);
-  const se = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), le = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), X = (e) => {
+  let d = D(null), k = D(!1), F = D(!1);
+  Re(() => {
+    if (n(k)) {
+      document.body.style.overflow = "hidden";
+      const e = (t) => t.preventDefault();
+      return document.addEventListener("touchmove", e, { passive: !1 }), () => {
+        document.body.style.overflow = "", document.removeEventListener("touchmove", e);
+      };
+    }
+  });
+  const oe = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), ie = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), H = (e) => {
     if (e.data)
       switch (e.data.type) {
         case "SpinAgain":
         case "BackToWheel":
-          D(l, null);
+          h(d, null);
           break;
       }
   };
-  Se(() => (window.addEventListener("message", X), () => {
-    window.removeEventListener("message", X);
+  Be(() => (window.addEventListener("message", H), () => {
+    window.removeEventListener("message", H);
   }));
-  var pe = {
+  var se = {
     get program() {
       return r();
     },
     set program(e = null) {
-      r(e), f();
+      r(e), c();
     },
     get endpoint() {
       return m();
     },
     set endpoint(e = null) {
-      m(e), f();
+      m(e), c();
     },
     get session() {
-      return y();
+      return x();
     },
     set session(e = null) {
-      y(e), f();
+      x(e), c();
     },
     get outerWheelAsset() {
-      return L();
+      return G();
     },
     set outerWheelAsset(e = null) {
-      L(e), f();
+      G(e), c();
     },
     get wheelButtonAsset() {
-      return P();
+      return L();
     },
     set wheelButtonAsset(e = null) {
-      P(e), f();
+      L(e), c();
+    },
+    get backgroundVideoAsset() {
+      return R();
+    },
+    set backgroundVideoAsset(e = null) {
+      R(e), c();
     },
     get language() {
-      return T();
+      return P();
     },
     set language(e = "en") {
-      T(e), f();
+      P(e), c();
     },
     get showBackButton() {
-      return H();
+      return T();
     },
     set showBackButton(e = !0) {
-      H(e), f();
+      T(e), c();
     },
     get liteMode() {
-      return M();
+      return y();
     },
     set liteMode(e = !1) {
-      M(e), f();
+      y(e), c();
     }
-  }, W = Ye();
-  let Z;
-  var v = d(W);
+  }, W = Ve();
+  let O;
+  var V = p(W);
+  {
+    var le = (e) => {
+      var t = He();
+      let o;
+      t.muted = !0;
+      var S = p(t);
+      i(t), j(() => {
+        o = b(t, 1, "WheelVideoBackground svelte-17ly5gn", null, o, { "is-ready": n(F) }), _e(S, "src", R() || ne);
+      }), De("canplay", t, () => h(F, !0)), Y(e, t);
+    };
+    q(V, (e) => {
+      !y() && n(f) === s[1] && e(le);
+    });
+  }
+  var v = g(V, 2);
+  let X;
+  var Z = g(p(v), 2), pe = p(Z, !0);
+  i(Z), i(v);
+  var B = g(v, 2);
   let U;
-  v.__click = le;
-  var q = x(d(v), 2), ce = d(q, !0);
-  i(q), i(v);
-  var B = x(v, 2);
+  var M = p(B), ce = p(M, !0);
+  i(M);
+  var K = g(M, 2), de = p(K, !0);
+  i(K), i(B);
+  var C = g(B, 2);
   let N;
-  var Y = d(B), de = d(Y, !0);
-  i(Y);
-  var V = x(Y, 2), fe = d(V, !0);
-  i(V), i(B);
-  var C = x(B, 2);
-  let J;
-  _e(C, 20, () => s, (e) => e, (e, t) => {
-    var a = je();
-    let g;
-    a.__click = () => ie(t);
-    var h = d(a, !0);
-    i(a), Q(
-      (p) => {
-        g = w(a, 1, "Tab svelte-17ly5gn", null, g, { Active: n(b) === t }), G(h, p);
+  Ce(C, 20, () => s, (e) => e, (e, t) => {
+    var o = Oe();
+    let S;
+    var xe = p(o, !0);
+    i(o), j(
+      (ye) => {
+        S = b(o, 1, "Tab svelte-17ly5gn", null, S, { Active: n(f) === t }), _(xe, ye);
       },
-      [() => k()(t)]
-    ), A(e, a);
+      [() => w()(t)]
+    ), J("click", o, () => ae(t)), Y(e, o);
   }), i(C);
-  var z = x(C, 2);
-  let K;
-  var ge = d(z);
-  ve(ge, {
+  var z = g(C, 2);
+  let Q;
+  var fe = p(z);
+  ze(fe, {
     get program() {
       return r();
     },
@@ -745,147 +768,118 @@ function Ie(O, o) {
       return m();
     },
     get session() {
-      return y();
+      return x();
     },
     get outerWheelAsset() {
-      return L();
+      return G();
     },
     get wheelButtonAsset() {
-      return P();
+      return L();
     },
     get wheelSlices() {
-      return n(oe);
+      return n(re);
     },
     get isPlaceholder() {
       return n(u);
     },
     get isWheelAvailable() {
-      return n(ae);
+      return n(te);
     },
     get liteMode() {
-      return M();
+      return y();
     },
-    onLogin: se,
+    onLogin: oe,
     get spinResults() {
-      return n(l);
+      return n(d);
     },
     set spinResults(e) {
-      D(l, e, !0);
+      h(d, e, !0);
     },
     get spinActive() {
-      return n(j);
+      return n(k);
     },
     set spinActive(e) {
-      D(j, e, !0);
+      h(k, e, !0);
     }
   }), i(z);
-  var me = x(z, 2);
+  var ge = g(z, 2);
   {
-    var ue = (e) => {
-      Te(e, {
+    var me = (e) => {
+      je(e, {
         get result() {
-          return n(l);
+          return n(d);
         },
         get endpoint() {
           return m();
         },
         get session() {
-          return y();
+          return x();
         }
       });
-    }, be = (e) => {
-      var t = $(), a = ee(t);
+    }, ue = (e) => {
       {
-        var g = (p) => {
-          {
-            let S = R(() => {
-              var _;
-              return (_ = r()) == null ? void 0 : _.id;
-            });
-            Pe(p, {
-              get programId() {
-                return n(S);
-              },
-              get endpoint() {
-                return m();
-              },
-              get session() {
-                return y();
-              }
-            });
-          }
-        }, h = (p) => {
-          var S = $(), _ = ee(S);
-          {
-            var xe = (F) => {
-              He(F, {
-                get program() {
-                  return r();
-                },
-                get language() {
-                  return T();
-                }
-              });
-            };
-            E(
-              _,
-              (F) => {
-                n(b) === s[2] && F(xe);
-              },
-              !0
-            );
-          }
-          A(p, S);
-        };
-        E(
-          a,
-          (p) => {
-            n(b) === s[0] ? p(g) : p(h, !1);
+        let t = A(() => r()?.id);
+        Ye(e, {
+          get programId() {
+            return n(t);
           },
-          !0
-        );
+          get endpoint() {
+            return m();
+          },
+          get session() {
+            return x();
+          }
+        });
       }
-      A(e, t);
+    }, be = (e) => {
+      Ie(e, {
+        get program() {
+          return r();
+        },
+        get language() {
+          return P();
+        }
+      });
     };
-    E(me, (e) => {
-      n(l) ? e(ue) : e(be, !1);
+    q(ge, (e) => {
+      n(d) ? e(me) : n(f) === s[0] ? e(ue, 1) : n(f) === s[2] && e(be, 2);
     });
   }
-  i(W), Q(
-    (e, t, a) => {
-      Z = w(W, 1, "WheelContent svelte-17ly5gn", null, Z, {
-        WheelBackgroundHalo: n(b) === s[1],
-        "is-spin-fullscreen": n(j)
-      }), U = w(v, 1, "BackButtonContainer svelte-17ly5gn", null, U, { Hidden: n(u) || !H() }), G(ce, e), N = w(B, 1, "WofTitle svelte-17ly5gn", null, N, { Hidden: n(l) }), G(de, t), G(fe, a), J = w(C, 1, "WofTabs svelte-17ly5gn", null, J, { Hidden: n(u) || n(l) }), K = De(z, "", K, {
-        display: n(b) !== s[1] || n(l) ? "none" : "contents"
+  i(W), j(
+    (e, t, o) => {
+      O = b(W, 1, "WheelContent svelte-17ly5gn", null, O, {
+        "is-spin-fullscreen": n(k),
+        WheelBackgroundHalo: y() && n(f) === s[1]
+      }), X = b(v, 1, "BackButtonContainer svelte-17ly5gn", null, X, { Hidden: n(u) || !T() }), _(pe, e), U = b(B, 1, "WofTitle svelte-17ly5gn", null, U, { Hidden: n(d) }), _(ce, t), _(de, o), N = b(C, 1, "WofTabs svelte-17ly5gn", null, N, { Hidden: n(u) || n(d) }), Q = Se(z, "", Q, {
+        display: n(f) !== s[1] || n(d) ? "none" : "contents"
       });
     },
     [
-      () => k()("backToHub"),
-      () => k()("wofTitle"),
-      () => k()("wofSubtitle")
+      () => w()("backToHub"),
+      () => w()("wofTitle"),
+      () => w()("wofSubtitle")
     ]
-  ), A(O, W);
-  var he = Ge(pe);
-  return re(), he;
+  ), J("click", v, ie), Y(E, W);
+  var he = Pe(se);
+  return ee(), he;
 }
-we(["click"]);
-customElements.define("wheel-of-fortune", ke(
-  Ie,
+ve(["click"]);
+customElements.define("wheel-of-fortune", we(
+  Ze,
   {
     program: {},
     endpoint: {},
     session: {},
     outerWheelAsset: {},
     wheelButtonAsset: {},
+    backgroundVideoAsset: {},
     language: {},
     showBackButton: {},
     liteMode: {}
   },
   [],
-  [],
-  !1
+  []
 ));
 export {
-  Ie as W
+  Ze as W
 };

package/components/{WheelOfFortune-DfEViFbR.cjs → WheelOfFortune-DgAgnR_Q.cjs}

@@ -1,4 +1,4 @@
-"use strict";const Y=require("./WheelOfFortuneWheel-D-wKWbJO.cjs"),e=require("./utils-D6FQ3_dW.cjs"),oe=require("./WheelOfFortuneHistory-C1VQ9CfR.cjs"),ie=require("./WheelOfFortuneDrawResults-CRTL9AxF.cjs"),se=require("./WheelOfFortuneRules-C9cNreB6.cjs"),le=require("./constants-DM6Vdc6Z.cjs");var pe=e.from_html("<button> </button>"),ce=e.from_html('<div><button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div>  <div class="svelte-17ly5gn"><!></div> <!></div>');const de={hash:"svelte-17ly5gn",code:`@keyframes svelte-17ly5gn-wheelBob {
+"use strict";const t=require("./WheelOfFortuneWheel-6j7QTrsf.cjs"),e=require("./utils-Du65tqU5.cjs"),se=require("./WheelOfFortuneHistory-uP606zLS.cjs"),le=require("./WheelOfFortuneDrawResults-AskDnOA6.cjs"),pe=require("./WheelOfFortuneRules-zVRcNYIv.cjs"),ce=require("./constants-DM6Vdc6Z.cjs");var de=t.from_html('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>',2),ge=t.from_html("<button> </button>"),fe=t.from_html('<div><!> <button><svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-17ly5gn"><path d="M6.41602 0.508789C6.52096 0.508793 6.59652 0.539241 6.66797 0.602539C6.7386 0.67644 6.76557 0.747068 6.76562 0.837891C6.76562 0.932337 6.7377 1.00571 6.66113 1.08203H6.66016L2.52344 5.21777L1.6543 6.08691H12.3633C12.475 6.08691 12.5456 6.11894 12.6084 6.18164C12.6712 6.24445 12.7034 6.31429 12.7031 6.4248C12.7029 6.53664 12.67 6.60779 12.6064 6.67188C12.5449 6.73387 12.4767 6.76611 12.3662 6.76562H1.6543L2.52344 7.63477L6.68066 11.791C6.75777 11.8681 6.77865 11.933 6.77637 12.0098C6.77383 12.0944 6.7457 12.1683 6.66797 12.249C6.58857 12.3195 6.50864 12.3512 6.40918 12.3545C6.33349 12.357 6.26929 12.3368 6.19238 12.2598L0.592773 6.66016C0.553631 6.62101 0.537222 6.59146 0.530273 6.57227C0.516661 6.53445 0.508264 6.48865 0.508789 6.43164C0.509411 6.36947 0.519283 6.31813 0.53418 6.27539C0.539753 6.25947 0.553255 6.23167 0.591797 6.19336L6.19238 0.592773C6.24602 0.539241 6.30834 0.508789 6.41602 0.508789Z" stroke="white" stroke-width="1.018" class="svelte-17ly5gn"></path></svg> <p class="svelte-17ly5gn"> </p></button> <div><h3 class="svelte-17ly5gn"> </h3> <p class="svelte-17ly5gn"> </p></div> <div></div>  <div class="svelte-17ly5gn"><!></div> <!></div>');const me={hash:"svelte-17ly5gn",code:`@keyframes svelte-17ly5gn-wheelBob {
   0%, 100% {
     transform: translateY(0);
   }
@@ -580,10 +580,12 @@
   animation: none !important;} .WheelContainer.is-lite .segment-hit-fill {filter:none !important;
   animation: svelte-17ly5gn-liteHitPulse 1200ms ease-in-out infinite !important;} .WheelContainer.is-lite .SessionBadge {backdrop-filter:none;-webkit-backdrop-filter:none;} .WheelContainer.is-lite .Outer {filter:none;} .WheelContainer.is-lite .sparkle,
  .WheelContainer.is-lite .confetti {display:none;} .SpinButton.is-lite {
-  animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent.WheelBackgroundHalo > *:not(.WheelContainer),
- .WheelContent.WheelBackgroundHalo .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.WheelBackgroundHalo.is-spin-fullscreen > *:not(.WheelContainer),
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinsInfo,
- .WheelContent.WheelBackgroundHalo.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .BackButtonContainer {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .WofTitle p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .WofTabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
+  animation: svelte-17ly5gn-buttonBreath 2400ms ease-in-out infinite !important;} .WheelContent {background-color:var(--color-primary-6, #301200);display:flex;flex-direction:column;align-items:center;width:100%;max-width:720px;margin:0 auto;isolation:isolate;gap:clamp(6px, 2vw, 12px);padding-bottom:clamp(20px, 15vw, 50px);overflow:hidden;min-height:max-content;position:relative;transition:transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);} .WheelContent > *:not(.WheelContainer):not(.WheelVideoBackground),
+ .WheelContent .SpinsInfo {transition:opacity 0.4s ease, filter 0.4s ease;} .WheelContent.WheelBackgroundHalo {background-image:radial-gradient(circle at 50% 55%, rgba(var(--color-primary-2, 207, 120, 69), 0.78) 0 14%, rgba(var(--color-primary-4, 128, 60, 22), 0.7) 32%, rgba(var(--color-primary-6, 89, 24, 3), 0) 65%);} .WheelContent.is-spin-fullscreen .WheelContainer {scale:1.15;transition:scale 0.8s cubic-bezier(0.22, 1, 0.36, 1);animation-play-state:paused;} .WheelContent.is-spin-fullscreen > *:not(.WheelContainer):not(.WheelVideoBackground),
+ .WheelContent.is-spin-fullscreen .SpinsInfo,
+ .WheelContent.is-spin-fullscreen .SpinButton {opacity:0;pointer-events:none;filter:blur(4px);transition:opacity 0.5s ease, filter 0.5s ease;} .WheelVideoBackground {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;z-index:0;pointer-events:none;transition:opacity 0.3s ease;}
+@media (min-width: 720px) { .WheelVideoBackground {-webkit-mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to right, transparent, black 15%, black 85%, transparent);}
+} .WheelVideoBackground.is-ready {opacity:0.2;} .BackButtonContainer {display:flex;align-items:center;justify-content:start;line-height:20px;gap:6px;width:100%;padding:10px;background-color:transparent;color:var(--color-text-default, white);border:none;} .BackButtonContainer svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .WofTitle {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .WofTitle h3 {text-align:center;margin:0;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(20px, 5.5vw, 28px);line-height:1.05;} .WofTitle p {text-align:center;margin:0 0 clamp(10px, 3vw, 16px);color:var(--color-text-default, rgba(238, 246, 255, 0.96));font-size:clamp(11px, 3vw, 14px);font-weight:500;line-height:1.25;} .WofTabs {display:flex;border-radius:50px;background-color:var(--color-tabs, rgba(251, 251, 251, 0.1019607843));padding:6px;width:90%;justify-content:center;margin-bottom:12px;} .WofTabs .Tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .WofTabs .Active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .Hidden {display:none !important;} .WheelContainer {width:var(--wof-size, clamp(276px, 100vw, 430px));position:relative;z-index:1;margin-block:clamp(-18px, -4vw, -32px);
   animation: svelte-17ly5gn-wheelBob 5000ms ease-in-out infinite;will-change:transform;} .SpinsInfo {display:flex;align-items:center;gap:8px;font-size:clamp(14px, 4vw, 19px);font-weight:400;color:var(--color-text-default, rgba(238, 246, 255, 0.86));position:relative;z-index:2;} .SpinsInfo .SpinsCount {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .CountdownText {color:var(--color-overlay-neutral-4, rgba(255, 255, 255, 0.6509803922));font-size:clamp(13px, 3.8vw, 18px);text-align:center;position:relative;z-index:2;} .CountdownText .TimeSegment {font-variant-numeric:tabular-nums;} .SpinButton {min-width:clamp(161px, 46vw, 216px);min-height:clamp(43px, 11vw, 52px);border:none;border-radius:999px;color:var(--color-text-on-color, #111922);background:linear-gradient(180deg, var(--color-button-primary, #ffd91c) 0%, var(--color-button-primary-hover, #ffbf00) 100%);box-shadow:0 9px 13px rgba(0, 0, 0, 0.3), 0 0 22px rgba(255, 204, 0, 0.48), 0 0 38px rgba(255, 183, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.3);font:inherit;font-size:clamp(15px, 4.2vw, 20px);font-style:italic;font-weight:900;cursor:pointer;position:relative;z-index:2;
   animation: svelte-17ly5gn-spinButtonZoomGlow 1800ms ease-in-out infinite;transform-origin:50% 50%;transition:opacity 260ms ease, transform 160ms ease, filter 160ms ease;} .SpinButton:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .SpinButton:disabled {
   animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;} .DrawResultPanel {inset:0;z-index:20;display:grid;place-items:center;padding:70px 20px;text-align:center;overflow:hidden;width:100%;height:100%;min-height:50dvh;background:transparent;
@@ -604,4 +606,4 @@
    .Coin img {
     animation: none;} .success-confetti-piece {
     animation: none;}
-}`};function I(R,o){e.push(o,!0),e.append_styles(R,de);const h=()=>e.store_get(e.$format,"$_",O),[O,E]=e.setup_stores();e.dayjs.extend(Y.duration);const r=e.prop(o,"program",7,null),c=e.prop(o,"endpoint",7,null),m=e.prop(o,"session",7,null),W=e.prop(o,"outerWheelAsset",7,null),B=e.prop(o,"wheelButtonAsset",7,null),C=e.prop(o,"language",7,"en"),z=e.prop(o,"showBackButton",7,!0),S=e.prop(o,"liteMode",7,!1),d=e.user_derived(()=>!c()||!r()),X=e.user_derived(()=>{var n,t;return!e.get(d)&&((t=(n=r())==null?void 0:n.remainingTimes)!=null?t:0)>0}),Z=e.user_derived(()=>{var n,t;return e.get(d)?le.placeholderWheelSlices:(t=(n=r())==null?void 0:n.partitions)!=null?t:[]}),i=["history","play","rules"];let g=e.state(e.proxy(i[1]));const q=n=>{var t,a,p,f;n===i[0]?window.postMessage({type:"event_wof_history_click",name:((t=r())==null?void 0:t.name)||null},window.location.href):n===i[2]?window.postMessage({type:"event_wof_rules_click",name:((a=r())==null?void 0:a.name)||null},window.location.href):window.postMessage({type:"event_wof_accessed",isUserLoggedIn:!e.get(d),name:((p=r())==null?void 0:p.name)||null,availableSpins:((f=r())==null?void 0:f.remainingTimes)||null},window.location.href),e.set(g,n,!0)};let s=e.state(null),_=e.state(!1);const U=()=>window.postMessage({type:"LuckyWheel:GoToLogin"},window.location.href),J=()=>window.postMessage({type:"CloseMiniGame"},window.location.href),A=n=>{if(n.data)switch(n.data.type){case"SpinAgain":case"BackToWheel":e.set(s,null);break}};e.onMount(()=>(window.addEventListener("message",A),()=>{window.removeEventListener("message",A)}));var K={get program(){return r()},set program(n=null){r(n),e.flushSync()},get endpoint(){return c()},set endpoint(n=null){c(n),e.flushSync()},get session(){return m()},set session(n=null){m(n),e.flushSync()},get outerWheelAsset(){return W()},set outerWheelAsset(n=null){W(n),e.flushSync()},get wheelButtonAsset(){return B()},set wheelButtonAsset(n=null){B(n),e.flushSync()},get language(){return C()},set language(n="en"){C(n),e.flushSync()},get showBackButton(){return z()},set showBackButton(n=!0){z(n),e.flushSync()},get liteMode(){return S()},set liteMode(n=!1){S(n),e.flushSync()}},b=ce();let L;var u=e.child(b);let P;u.__click=J;var T=e.sibling(e.child(u),2),N=e.child(T,!0);e.reset(T),e.reset(u);var x=e.sibling(u,2);let F;var D=e.child(x),Q=e.child(D,!0);e.reset(D);var H=e.sibling(D,2),V=e.child(H,!0);e.reset(H),e.reset(x);var y=e.sibling(x,2);let M;e.each(y,20,()=>i,n=>n,(n,t)=>{var a=pe();let p;a.__click=()=>q(t);var f=e.child(a,!0);e.reset(a),e.template_effect(l=>{p=e.set_class(a,1,"Tab svelte-17ly5gn",null,p,{Active:e.get(g)===t}),e.set_text(f,l)},[()=>h()(t)]),e.append(n,a)}),e.reset(y);var v=e.sibling(y,2);let j;var $=e.child(v);Y.WheelOfFortuneWheel($,{get program(){return r()},get endpoint(){return c()},get session(){return m()},get outerWheelAsset(){return W()},get wheelButtonAsset(){return B()},get wheelSlices(){return e.get(Z)},get isPlaceholder(){return e.get(d)},get isWheelAvailable(){return e.get(X)},get liteMode(){return S()},onLogin:U,get spinResults(){return e.get(s)},set spinResults(n){e.set(s,n,!0)},get spinActive(){return e.get(_)},set spinActive(n){e.set(_,n,!0)}}),e.reset(v);var ee=e.sibling(v,2);{var ne=n=>{ie.WheelOfFortuneDrawResults(n,{get result(){return e.get(s)},get endpoint(){return c()},get session(){return m()}})},te=n=>{var t=e.comment(),a=e.first_child(t);{var p=l=>{{let w=e.user_derived(()=>{var k;return(k=r())==null?void 0:k.id});oe.WheelOfFortuneHistory(l,{get programId(){return e.get(w)},get endpoint(){return c()},get session(){return m()}})}},f=l=>{var w=e.comment(),k=e.first_child(w);{var ae=G=>{se.WheelOfFortuneRules(G,{get program(){return r()},get language(){return C()}})};e.if_block(k,G=>{e.get(g)===i[2]&&G(ae)},!0)}e.append(l,w)};e.if_block(a,l=>{e.get(g)===i[0]?l(p):l(f,!1)},!0)}e.append(n,t)};e.if_block(ee,n=>{e.get(s)?n(ne):n(te,!1)})}e.reset(b),e.template_effect((n,t,a)=>{L=e.set_class(b,1,"WheelContent svelte-17ly5gn",null,L,{WheelBackgroundHalo:e.get(g)===i[1],"is-spin-fullscreen":e.get(_)}),P=e.set_class(u,1,"BackButtonContainer svelte-17ly5gn",null,P,{Hidden:e.get(d)||!z()}),e.set_text(N,n),F=e.set_class(x,1,"WofTitle svelte-17ly5gn",null,F,{Hidden:e.get(s)}),e.set_text(Q,t),e.set_text(V,a),M=e.set_class(y,1,"WofTabs svelte-17ly5gn",null,M,{Hidden:e.get(d)||e.get(s)}),j=e.set_style(v,"",j,{display:e.get(g)!==i[1]||e.get(s)?"none":"contents"})},[()=>h()("backToHub"),()=>h()("wofTitle"),()=>h()("wofSubtitle")]),e.append(R,b);var re=e.pop(K);return E(),re}e.delegate(["click"]);customElements.define("wheel-of-fortune",e.create_custom_element(I,{program:{},endpoint:{},session:{},outerWheelAsset:{},wheelButtonAsset:{},language:{},showBackButton:{},liteMode:{}},[],[],!1));exports.WheelOfFortune=I;
+}`};function I(A,i){e.push(i,!0),t.append_styles(A,me);const h=()=>e.store_get(e.$format,"$_",O),[O,H]=e.setup_stores();e.dayjs.extend(t.duration);const E="https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4",o=t.prop(i,"program",7,null),d=t.prop(i,"endpoint",7,null),f=t.prop(i,"session",7,null),W=t.prop(i,"outerWheelAsset",7,null),B=t.prop(i,"wheelButtonAsset",7,null),C=t.prop(i,"backgroundVideoAsset",7,null),z=t.prop(i,"language",7,"en"),S=t.prop(i,"showBackButton",7,!0),m=t.prop(i,"liteMode",7,!1),g=e.user_derived(()=>!d()||!o()),V=e.user_derived(()=>{var n,r;return!e.get(g)&&((r=(n=o())==null?void 0:n.remainingTimes)!=null?r:0)>0}),X=e.user_derived(()=>{var n,r;return e.get(g)?ce.placeholderWheelSlices:(r=(n=o())==null?void 0:n.partitions)!=null?r:[]}),s=["history","play","rules"];let p=e.state(e.proxy(s[1]));const Z=n=>{var r,a,c,k;n===s[0]?window.postMessage({type:"event_wof_history_click",name:((r=o())==null?void 0:r.name)||null},window.location.href):n===s[2]?window.postMessage({type:"event_wof_rules_click",name:((a=o())==null?void 0:a.name)||null},window.location.href):window.postMessage({type:"event_wof_accessed",isUserLoggedIn:!e.get(g),name:((c=o())==null?void 0:c.name)||null,availableSpins:((k=o())==null?void 0:k.remainingTimes)||null},window.location.href),e.set(_,!1),e.set(p,n,!0)};let l=e.state(null),b=e.state(!1),_=e.state(!1);e.user_effect(()=>{if(e.get(b)){document.body.style.overflow="hidden";const n=r=>r.preventDefault();return document.addEventListener("touchmove",n,{passive:!1}),()=>{document.body.style.overflow="",document.removeEventListener("touchmove",n)}}});const q=()=>window.postMessage({type:"LuckyWheel:GoToLogin"},window.location.href),K=()=>window.postMessage({type:"CloseMiniGame"},window.location.href),G=n=>{if(n.data)switch(n.data.type){case"SpinAgain":case"BackToWheel":e.set(l,null);break}};t.onMount(()=>(window.addEventListener("message",G),()=>{window.removeEventListener("message",G)}));var U={get program(){return o()},set program(n=null){o(n),e.flushSync()},get endpoint(){return d()},set endpoint(n=null){d(n),e.flushSync()},get session(){return f()},set session(n=null){f(n),e.flushSync()},get outerWheelAsset(){return W()},set outerWheelAsset(n=null){W(n),e.flushSync()},get wheelButtonAsset(){return B()},set wheelButtonAsset(n=null){B(n),e.flushSync()},get backgroundVideoAsset(){return C()},set backgroundVideoAsset(n=null){C(n),e.flushSync()},get language(){return z()},set language(n="en"){z(n),e.flushSync()},get showBackButton(){return S()},set showBackButton(n=!0){S(n),e.flushSync()},get liteMode(){return m()},set liteMode(n=!1){m(n),e.flushSync()}},x=fe();let R;var L=e.child(x);{var N=n=>{var r=de();let a;r.muted=!0;var c=e.child(r);e.reset(r),e.template_effect(()=>{a=t.set_class(r,1,"WheelVideoBackground svelte-17ly5gn",null,a,{"is-ready":e.get(_)}),t.set_attribute(c,"src",C()||E)}),t.event("canplay",r,()=>e.set(_,!0)),t.append(n,r)};t.if_block(L,n=>{!m()&&e.get(p)===s[1]&&n(N)})}var u=e.sibling(L,2);let P;var T=e.sibling(e.child(u),2),J=e.child(T,!0);e.reset(T),e.reset(u);var y=e.sibling(u,2);let F;var D=e.child(y),Q=e.child(D,!0);e.reset(D);var M=e.sibling(D,2),$=e.child(M,!0);e.reset(M),e.reset(y);var v=e.sibling(y,2);let j;t.each(v,20,()=>s,n=>n,(n,r)=>{var a=ge();let c;var k=e.child(a,!0);e.reset(a),e.template_effect(ie=>{c=t.set_class(a,1,"Tab svelte-17ly5gn",null,c,{Active:e.get(p)===r}),t.set_text(k,ie)},[()=>h()(r)]),t.delegated("click",a,()=>Z(r)),t.append(n,a)}),e.reset(v);var w=e.sibling(v,2);let Y;var ee=e.child(w);t.WheelOfFortuneWheel(ee,{get program(){return o()},get endpoint(){return d()},get session(){return f()},get outerWheelAsset(){return W()},get wheelButtonAsset(){return B()},get wheelSlices(){return e.get(X)},get isPlaceholder(){return e.get(g)},get isWheelAvailable(){return e.get(V)},get liteMode(){return m()},onLogin:q,get spinResults(){return e.get(l)},set spinResults(n){e.set(l,n,!0)},get spinActive(){return e.get(b)},set spinActive(n){e.set(b,n,!0)}}),e.reset(w);var ne=e.sibling(w,2);{var te=n=>{le.WheelOfFortuneDrawResults(n,{get result(){return e.get(l)},get endpoint(){return d()},get session(){return f()}})},re=n=>{{let r=e.user_derived(()=>{var a;return(a=o())==null?void 0:a.id});se.WheelOfFortuneHistory(n,{get programId(){return e.get(r)},get endpoint(){return d()},get session(){return f()}})}},ae=n=>{pe.WheelOfFortuneRules(n,{get program(){return o()},get language(){return z()}})};t.if_block(ne,n=>{e.get(l)?n(te):e.get(p)===s[0]?n(re,1):e.get(p)===s[2]&&n(ae,2)})}e.reset(x),e.template_effect((n,r,a)=>{R=t.set_class(x,1,"WheelContent svelte-17ly5gn",null,R,{"is-spin-fullscreen":e.get(b),WheelBackgroundHalo:m()&&e.get(p)===s[1]}),P=t.set_class(u,1,"BackButtonContainer svelte-17ly5gn",null,P,{Hidden:e.get(g)||!S()}),t.set_text(J,n),F=t.set_class(y,1,"WofTitle svelte-17ly5gn",null,F,{Hidden:e.get(l)}),t.set_text(Q,r),t.set_text($,a),j=t.set_class(v,1,"WofTabs svelte-17ly5gn",null,j,{Hidden:e.get(g)||e.get(l)}),Y=t.set_style(w,"",Y,{display:e.get(p)!==s[1]||e.get(l)?"none":"contents"})},[()=>h()("backToHub"),()=>h()("wofTitle"),()=>h()("wofSubtitle")]),t.delegated("click",u,K),t.append(A,x);var oe=e.pop(U);return H(),oe}t.delegate(["click"]);customElements.define("wheel-of-fortune",t.create_custom_element(I,{program:{},endpoint:{},session:{},outerWheelAsset:{},wheelButtonAsset:{},backgroundVideoAsset:{},language:{},showBackButton:{},liteMode:{}},[],[]));exports.WheelOfFortune=I;

package/components/WheelOfFortuneDrawResults-AskDnOA6.cjs

@@ -0,0 +1 @@
+"use strict";var L=(M,S,a)=>new Promise((W,A)=>{var x=f=>{try{k(a.next(f))}catch(C){A(C)}},z=f=>{try{k(a.throw(f))}catch(C){A(C)}},k=f=>f.done?W(f.value):Promise.resolve(f.value).then(x,z);k((a=a.apply(M,S)).next())});const t=require("./WheelOfFortuneWheel-6j7QTrsf.cjs"),e=require("./utils-Du65tqU5.cjs"),ce=require("./error-YyYl7p6_.cjs"),oe=require("./sparkles-BnriHiyw.cjs");var O=t.from_html('<span class="ButtonSpinner"></span>'),de=t.from_html('<div class="ConfirmModalContent"><p class="ConfirmModalTitle"> </p> <p class="ConfirmModalBody"></p> <div class="ConfirmModalActions"><button class="PrimaryCta"><span> </span> <!></button> <button class="SecondaryCta"><span> </span> <!></button></div></div>'),q=t.from_html('<h2 class="DrawResultTitle"> </h2> <p class="DrawResultDescription"> </p> <div class="DrawResultActions"><button class="SecondaryCta"> </button></div>',1),pe=t.from_html('<span class="DrawResultSparkle" aria-hidden="true">✦</span>'),_e=t.from_html('<h2 class="DrawResultTitle"> <!></h2> <p class="DrawResultDescription"></p> <div class="DrawResultActions"><button class="PrimaryCta"><span> </span> <!></button> <button class="SecondaryCta"> </button></div>',1),ve=t.from_html('<img alt="Error" class="DrawResultErrorImage"/> <p class="DrawResultDescription DrawResultDescription--error"> </p> <div class="DrawResultActions"><button class="SecondaryCta"> </button></div>',1),ue=t.from_html('<div class="DrawResultPanel"><div class="DrawResultConfettiLayer"></div> <!> <div class="DrawResultStack"><!></div></div>');function K(M,S){e.push(S,!0);const a=()=>e.store_get(e.$format,"$_",W),[W,A]=e.setup_stores(),x=t.prop(S,"result",7),z=t.prop(S,"endpoint",7),k=t.prop(S,"session",7),f=e.user_derived(()=>{var s;return((s=x())==null?void 0:s.success)!==!0}),C=e.user_derived(()=>{var s;return(s=x())==null?void 0:s.type}),X=e.user_derived(()=>e.get(C)==="noprize"),Y={bonus:a()("prizeBonus"),role:a()("prizeRole"),tournament:a()("prizeTournament"),ticket:a()("prizeTicket"),loyalty:a()("prizeLoyalty"),challenge:a()("prizeChallenge")},Q=[{t:"-0.7em",l:"5%",s:"0.45em",d:"680ms"},{t:"-0.5em",l:"22%",s:"0.28em",d:"760ms"},{t:"-0.9em",l:"40%",s:"0.38em",d:"820ms"},{t:"-0.6em",l:"58%",s:"0.3em",d:"740ms"},{t:"-0.8em",l:"76%",s:"0.42em",d:"900ms"},{t:"-0.4em",l:"92%",s:"0.25em",d:"860ms"},{t:"0.1em",l:"14%",s:"0.22em",d:"800ms"},{t:"0em",l:"72%",s:"0.2em",d:"950ms"}];let j=e.state(void 0),g=e.state("initial"),d=e.state(null);e.user_effect(()=>{e.get(j)&&e.get(g)==="claimSuccess"&&oe.burstSuccessConfetti(e.get(j))});const G=s=>{const r=new URL(`${z()}/v1/wof/draw/${x().lotteryProgramID}`),i=new Headers;k()&&i.append("X-SessionId",k()),i.append("Content-Type","application/json");const o={action:s,guid:x().guid};return fetch(r,{method:"PUT",headers:i,body:JSON.stringify(o)}).then(n=>n.json())},I=()=>L(this,null,function*(){e.set(d,"claim");try{const s=yield G(0),r=e.normalizeDrawResult(s,"draw"),i=(r==null?void 0:r.state)==="fulfilled"&&(r==null?void 0:r.completed),o=(r==null?void 0:r.state)==="drawn"&&!(r!=null&&r.completed);i?e.set(g,"claimSuccess"):e.set(g,"claimFailed")}catch(s){console.log(s),e.set(g,"claimFailed")}finally{e.set(d,null)}}),V=()=>L(this,null,function*(){e.set(d,"reject"),e.set(g,"initial");try{yield G(2),window.postMessage({type:"BackToWheel"},window.location.href)}catch(s){console.log(s)}finally{e.set(d,null)}}),Z=()=>{window.postMessage({type:"BackToWheel"},window.location.href)},B=()=>{window.postMessage({type:"SpinAgain"},window.location.href)};var $={get result(){return x()},set result(s){x(s),e.flushSync()},get endpoint(){return z()},set endpoint(s){z(s),e.flushSync()},get session(){return k()},set session(s){k(s),e.flushSync()}},E=ue(),N=e.child(E);t.bind_this(N,s=>e.set(j,s),()=>e.get(j));var J=e.sibling(N,2);{var ee=s=>{var r=de(),i=e.child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2);t.html(n,()=>a()("rejectWarningText"),!0),e.reset(n);var p=e.sibling(n,2),c=e.child(p),l=e.child(c);let _;var v=e.child(l,!0);e.reset(l);var b=e.sibling(l,2);{var y=u=>{var R=O();t.append(u,R)};t.if_block(b,u=>{e.get(d)==="claim"&&u(y)})}e.reset(c);var T=e.sibling(c,2),w=e.child(T);let P;var m=e.child(w,!0);e.reset(w);var h=e.sibling(w,2);{var D=u=>{var R=O();t.append(u,R)};t.if_block(h,u=>{e.get(d)==="reject"&&u(D)})}e.reset(T),e.reset(p),e.reset(r),e.template_effect((u,R,F)=>{t.set_text(o,u),c.disabled=!!e.get(d),_=t.set_style(l,"",_,{opacity:e.get(d)==="claim"?0:1}),t.set_text(v,R),T.disabled=!!e.get(d),P=t.set_style(w,"",P,{opacity:e.get(d)==="reject"?0:1}),t.set_text(m,F)},[()=>a()("areYouSure"),()=>a()("keepPrize"),()=>a()("rejectPrize")]),t.delegated("click",c,I),t.delegated("click",T,V),t.append(s,r)};t.if_block(J,s=>{e.get(g)==="rejectModal"&&s(ee)})}var U=e.sibling(J,2),te=e.child(U);{var se=s=>{var r=q(),i=e.first_child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2),p=e.child(n,!0);e.reset(n);var c=e.sibling(n,2),l=e.child(c),_=e.child(l,!0);e.reset(l),e.reset(c),e.template_effect((v,b,y)=>{t.set_text(o,v),t.set_text(p,b),t.set_text(_,y)},[()=>a()("prizeAssignedTitle"),()=>a()("prizeAssigned"),()=>a()("backToGame")]),t.delegated("click",l,Z),t.append(s,r)},re=s=>{var r=q(),i=e.first_child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2),p=e.child(n,!0);e.reset(n);var c=e.sibling(n,2),l=e.child(c),_=e.child(l,!0);e.reset(l),e.reset(c),e.template_effect((v,b,y)=>{t.set_text(o,v),t.set_text(p,b),t.set_text(_,y)},[()=>a()("drawFailedTitle"),()=>a()("drawFailed"),()=>a()("backToGame")]),t.delegated("click",l,B),t.append(s,r)},ae=s=>{var r=q(),i=e.first_child(r),o=e.child(i,!0);e.reset(i);var n=e.sibling(i,2),p=e.child(n,!0);e.reset(n);var c=e.sibling(n,2),l=e.child(c),_=e.child(l,!0);e.reset(l),e.reset(c),e.template_effect((v,b,y)=>{t.set_text(o,v),t.set_text(p,b),l.disabled=!!e.get(d),t.set_text(_,y)},[()=>a()("noPrizeTitle"),()=>a()("noPrize"),()=>a()("spinAgain")]),t.delegated("click",l,B),t.append(s,r)},ie=s=>{var r=_e(),i=e.first_child(r),o=e.child(i),n=e.sibling(o);t.each(n,17,()=>Q,t.index,(m,h)=>{var D=pe();e.template_effect(()=>{var u,R,F,H;return t.set_style(D,`top:${(u=e.get(h).t)!=null?u:""};left:${(R=e.get(h).l)!=null?R:""};font-size:${(F=e.get(h).s)!=null?F:""};animation-delay:${(H=e.get(h).d)!=null?H:""}`)}),t.append(m,D)}),e.reset(i);var p=e.sibling(i,2);t.html(p,()=>a()("success",{values:{prize:Y[e.get(C)]}}),!0),e.reset(p);var c=e.sibling(p,2),l=e.child(c),_=e.child(l);let v;var b=e.child(_,!0);e.reset(_);var y=e.sibling(_,2);{var T=m=>{var h=O();t.append(m,h)};t.if_block(y,m=>{e.get(d)==="claim"&&m(T)})}e.reset(l);var w=e.sibling(l,2),P=e.child(w,!0);e.reset(w),e.reset(c),e.template_effect((m,h,D)=>{t.set_text(o,`${m!=null?m:""} `),l.disabled=!!e.get(d),v=t.set_style(_,"",v,{opacity:e.get(d)==="claim"?0:1}),t.set_text(b,h),w.disabled=!!e.get(d),t.set_text(P,D)},[()=>a()("congratulations"),()=>a()("claimReward"),()=>a()("reject")]),t.delegated("click",l,I),t.delegated("click",w,()=>e.set(g,"rejectModal")),t.append(s,r)},le=s=>{var r=ve(),i=e.first_child(r),o=e.sibling(i,2),n=e.child(o,!0);e.reset(o);var p=e.sibling(o,2),c=e.child(p),l=e.child(c,!0);e.reset(c),e.reset(p),e.template_effect((_,v)=>{t.set_attribute(i,"src",ce.Error),t.set_text(n,_),t.set_text(l,v)},[()=>a()("errorJSON"),()=>a()("backToGame")]),t.delegated("click",c,B),t.append(s,r)};t.if_block(te,s=>{e.get(g)==="claimSuccess"?s(se):e.get(g)==="claimFailed"?s(re,1):e.get(X)?s(ae,2):e.get(f)?s(le,-1):s(ie,3)})}e.reset(U),e.reset(E),t.append(M,E);var ne=e.pop($);return A(),ne}t.delegate(["click"]);t.create_custom_element(K,{result:{},endpoint:{},session:{}},[],[],{mode:"open"});exports.WheelOfFortuneDrawResults=K;