@everymatrix/mini-games-hub 0.1.10 → 0.1.12

package/components/{WheelOfFortune-C3QPcM9_.js → WheelOfFortune-p9qTycTU.js}

@@ -1,11 +1,11 @@
-import { d as Be, c as Ae, a as Pe, t as Ce, p, o as Se, i as re, e as We, W as Fe, k as x, s as F, r as Ge, l as ae, b as X, f as H, m as je, u as Re } from "./WheelOfFortuneWheel-B6_1ieZG.js";
-import { A as Te, aJ as Ye, aK as y, ax as Ie, P as Me, X as n, ap as o, ac as D, F as Oe, aW as G, aR as c, aM as Le, aN as Ee, aQ as h, aB as d, aO as Xe, aU as s, b3 as De } from "./utils-CSOcFUAz.js";
-import { W as He } from "./WheelOfFortuneHistory-CupBnftz.js";
-import { W as Ze } from "./WheelOfFortuneDrawResults-BOTcT7OI.js";
-import { W as Ve } from "./WheelOfFortuneRules-CkNKWZhj.js";
-import { p as Ue } from "./constants-BYsDpbRv.js";
-var Ke = H('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>', 2), Ne = H("<button> </button>"), Je = H('<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 Qe = {
+import { d as Ae, c as Se, a as Ce, t as Pe, p, o as Te, i as ae, e as We, W as Fe, k as v, s as W, r as Ge, l as oe, b as X, f as H, m as je, u as Le } from "./WheelOfFortuneWheel-B7DOhfW5.js";
+import { D as Ie, aL as Me, aM as x, az as Re, S as Ye, Z as n, ar as o, ae as Z, I as Oe, aY as F, aT as c, aO as Ee, aP as De, aS as y, aD as d, aQ as Xe, aW as s, b5 as Ze } from "./utils-d-JrZBJu.js";
+import { W as He } from "./WheelOfFortuneHistory-COB7C1nL.js";
+import { W as Ve } from "./WheelOfFortuneDrawResults-CYRN0Phi.js";
+import { W as Ue } from "./WheelOfFortuneRules-Dyq7AefM.js";
+import { p as Ke } from "./constants-BYsDpbRv.js";
+var Ne = H('<video autoplay="" loop="" playsinline=""><source type="video/mp4" class="svelte-17ly5gn"/></video>', 2), Qe = H("<button> </button>"), qe = H('<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 Je = {
   hash: "svelte-17ly5gn",
   code: `@keyframes svelte-17ly5gn-wheelBob {
   0%, 100% {
@@ -547,7 +547,7 @@ const Qe = {
   animation: svelte-17ly5gn-glowPulse 1700ms ease-in-out infinite;pointer-events:none;mix-blend-mode:screen;} .button-glow::before,  .button-glow::after {content:"";position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle, rgba(255, 239, 127, 0.62), transparent 62%);filter:blur(16px);
   animation: svelte-17ly5gn-glowRing 2300ms ease-in-out infinite;} .button-glow::after {inset:-10%;opacity:0.55;animation-duration:2900ms;animation-delay:-900ms;} .center-button {position:absolute;z-index:5;width:17%;left:50%;top:54%;translate:-50% -50%;padding:0;border:none;background:transparent;pointer-events:auto;user-select:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 9px 13px rgba(0, 0, 0, 0.34));transform:scale(1);transform-origin:center;transition:filter 180ms ease, transform 180ms cubic-bezier(0.2, 0.9, 0.22, 1);} .center-button img {width:100%;height:auto;display:block;pointer-events:none;} .center-button:not(.is-pressing) {
   animation: svelte-17ly5gn-middleButtonIdleZoomGlow 1450ms ease-in-out infinite;} .center-button.is-pressing {
-  animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .center-button:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .center-button:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .center-button:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .wheel-wrapper.is-spin-active .center-button:not(.is-pressing) {
+  animation: svelte-17ly5gn-middleButtonPress 560ms cubic-bezier(0.16, 0.95, 0.22, 1) both;} .center-button:hover {filter:drop-shadow(0 10px 16px rgba(0, 0, 0, 0.36)) brightness(1.05);} .center-button:active {transform:scale(0.94);filter:drop-shadow(0 5px 9px rgba(0, 0, 0, 0.32)) brightness(0.98);} .center-button:focus-visible {outline:3px solid rgba(255, 237, 126, 0.78);outline-offset:5px;border-radius:50%;} .center-button:disabled {pointer-events:none;} .wheel-wrapper.is-spin-active .center-button:not(.is-pressing) {
   animation: svelte-17ly5gn-centerButtonSpinBreath 1050ms ease-in-out infinite;} .session-badge {position:absolute;top:55%;left:50%;transform:translate(-50%, -50%);z-index:8;width:58%;padding:10px 12px;background:rgba(8, 4, 0, 0.78);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255, 255, 255, 0.1);border-radius:10px;text-align:center;} .session-badge .session-badge-title {color:#ffffff;font-size:12px;font-weight:700;letter-spacing:0.2px;} .session-badge .session-badge-body {color:rgba(255, 255, 255, 0.6509803922);font-size:10px;line-height:1.45;margin:0;} .session-badge .session-badge-close {margin-top:8px;padding:4px 14px;background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.22);border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;cursor:pointer;transition:background 150ms ease;} .session-badge .session-badge-close:hover {background:rgba(255, 255, 255, 0.2);} .wheel-loading-spinner {position:absolute;top:54%;left:50%;translate:-50% -50%;opacity:0;transition:opacity 300ms ease;pointer-events:none;z-index:10;} .wheel-loading-spinner::before {content:"";display:block;width:clamp(44px, 11vw, 60px);height:clamp(44px, 11vw, 60px);border-radius:50%;border:2px solid rgba(255, 220, 100, 0.12);border-top-color:rgba(255, 210, 50, 0.65);
   animation: svelte-17ly5gn-wofSpinnerRotate 900ms linear infinite;} .wheel-wrapper.is-assets-loading ~ .wheel-loading-spinner {
   animation: svelte-17ly5gn-wofSpinnerFadeIn 300ms ease 700ms forwards;} .swipe-hint-wrap {position:absolute;inset:0;z-index:8;pointer-events:none;transition:opacity 600ms ease, transform 600ms ease;} .swipe-hint {position:relative;width:100%;height:70%;display:flex;align-items:center;justify-content:center;} .swipe-hand {display:inline-block;font-size:clamp(52px, 14vw, 72px);line-height:1;filter:drop-shadow(0 4px 14px rgba(0, 0, 0, 0.873));transform-origin:50% 80%;
@@ -601,8 +601,9 @@ const Qe = {
 @media (max-width: 719px) { .wheel-video-background {-webkit-mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);mask-image:linear-gradient(to bottom, transparent, black 15%, black 85%, transparent);}
 }
 @media (min-width: 720px) { .wheel-video-background {-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);}
-} .wheel-video-background.is-ready {opacity:0.2;} .back-button-container {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;} .back-button-container svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .wof-title {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .wof-title 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;} .wof-title 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;} .wof-tabs {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;} .wof-tabs .tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .wof-tabs .active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .hidden {display:none !important;} .wheel-container {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;} .spins-info {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;} .spins-info .spins-count {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .countdown-text {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;} .countdown-text .time-segment {font-variant-numeric:tabular-nums;} .spin-button {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;
+} .wheel-video-background.is-ready {opacity:0.2;} .back-button-container {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;} .back-button-container svg {background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));padding:5px;width:15px;height:15px;border-radius:50%;} .wof-title {display:flex;flex-direction:column;justify-content:center;gap:6px;position:relative;z-index:2;} .wof-title 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;} .wof-title 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;} .wof-tabs {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;position:relative;z-index:2;} .wof-tabs .tab {padding:5px;width:100%;color:var(--color-text-default, #ffffff);border-radius:50px;background-color:transparent;border:none;cursor:pointer;} .wof-tabs .active {background-color:var(--color-tabs-selected, rgba(251, 251, 251, 0.2));} .hidden {display:none !important;} .wheel-container {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;} .spins-info {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;} .spins-info .spins-count {display:flex;align-items:center;gap:6px;color:var(--color-text-brand, #ffcc00);font-weight:900;font-size:clamp(16px, 4.5vw, 20px);} .spins-info .spins-count-loader {display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-right-color:currentColor;border-radius:50%;
+  animation: svelte-17ly5gn-wofSpinnerRotate 600ms linear infinite;} .countdown-text {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;} .countdown-text .time-segment {font-variant-numeric:tabular-nums;} .spin-button {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;} .spin-button:active {transform:translateY(2px) scale(0.98);animation-play-state:paused;} .spin-button:disabled {
   animation: none;filter:saturate(0%);box-shadow:none;pointer-events:none;}
 @keyframes svelte-17ly5gn-spinOverlayIn {
@@ -637,13 +638,13 @@ const Qe = {
     animation: none;}
 }`
 };
-function qe(Z, i) {
-  Te(i, !0), Pe(Z, Qe);
-  const _ = () => Le(Ee, "$_", oe), [oe, ie] = Xe();
-  Ye.extend(Ce);
-  const se = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", t = p(i, "program", 7, null), g = p(i, "endpoint", 7, null), b = p(i, "session", 7, null), j = p(i, "outerWheelAsset", 7, null), R = p(i, "wheelButtonAsset", 7, null), T = p(i, "backgroundVideoAsset", 7, null), Y = p(i, "language", 7, "en"), I = p(i, "showBackButton", 7, !0), v = p(i, "liteMode", 7, !1), w = G(() => !g() || !t()), le = G(() => !n(w) && (t()?.remainingTimes ?? 0) > 0), pe = G(() => n(w) ? Ue : t()?.partitions ?? []), l = ["history", "play", "rules"];
-  let f = y(Ie(l[1]));
-  const ce = (e) => {
+function $e(V, i) {
+  Ie(i, !0), Ce(V, Je);
+  const _ = () => Ee(De, "$_", ie), [ie, se] = Xe();
+  Me.extend(Pe);
+  const le = "https://eclectic-starship-bbd011.netlify.app/assets/city-wheel-background.mp4", t = p(i, "program", 7, null), g = p(i, "endpoint", 7, null), b = p(i, "session", 7, null), G = p(i, "outerWheelAsset", 7, null), j = p(i, "wheelButtonAsset", 7, null), L = p(i, "backgroundVideoAsset", 7, null), I = p(i, "language", 7, "en"), M = p(i, "showBackButton", 7, !0), u = p(i, "liteMode", 7, !1), h = F(() => !g() || !t()), pe = F(() => !n(h) && (t()?.remainingTimes ?? 0) > 0), ce = F(() => n(h) ? Ke : t()?.partitions ?? []), l = ["history", "play", "rules"];
+  let f = x(Re(l[1]));
+  const de = (e) => {
     e !== n(f) && (e === l[0] ? window.postMessage(
       {
         type: "event_wof_history_click",
@@ -653,61 +654,73 @@ function qe(Z, i) {
     ) : e === l[2] ? window.postMessage({ type: "event_wof_rules_click", name: t()?.name || null }, window.location.href) : window.postMessage(
       {
         type: "event_wof_accessed",
-        isUserLoggedIn: !n(w),
+        isUserLoggedIn: !n(h),
         name: t()?.name || null,
         availableSpins: t()?.remainingTimes || null
       },
       window.location.href
-    ), o(O, !1), o(f, e, !0));
+    ), o(Y, !1), o(f, e, !0));
   };
-  let m = y(null), M = y(!1), O = y(!1), B = y(!1), A = y(!1);
-  Me(() => {
-    if (n(M))
-      o(B, !0), o(A, !1);
-    else if (n(B)) {
-      o(A, !0);
-      const e = setTimeout(
-        () => {
-          o(B, !1), o(A, !1);
-        },
-        350
-      );
-      return () => clearTimeout(e);
+  let m = x(null), R = x(!1), Y = x(!1), O = x(!1), B = x(!1), A = x(!1);
+  Ye(() => {
+    if (!u()) {
+      if (n(R))
+        o(B, !0), o(A, !1);
+      else if (n(B)) {
+        o(A, !0);
+        const e = setTimeout(
+          () => {
+            o(B, !1), o(A, !1);
+          },
+          350
+        );
+        return () => clearTimeout(e);
+      }
     }
   });
-  const de = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), ge = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), V = async () => {
+  const ge = () => window.postMessage({ type: "LuckyWheel:GoToLogin" }, window.location.href), fe = () => window.postMessage({ type: "CloseMiniGame" }, window.location.href), U = async () => {
     if (!t()?.id || !g()) return;
     const e = new URL(`${g()}/v1/wof/remainingTimes`), r = new Headers();
     b() && r.append("X-SessionId", b()), e.searchParams.append("filter", `ProgramId[]=${t().id}`);
     try {
-      const u = await (await fetch(e, { method: "GET", headers: r })).json();
+      const w = await (await fetch(e, { method: "GET", headers: r })).json();
       let z = 0;
-      if (u?.items?.length > 0) {
-        const te = u.items.find((_e) => _e.programId === t().id);
-        te && (z = +te.remainingTimes || 0);
+      if (w?.items?.length > 0) {
+        const re = w.items.find((Be) => Be.programId === t().id);
+        re && (z = +re.remainingTimes || 0);
       }
-      const E = De({
+      const D = Ze({
         ...t(),
         remainingTimes: z,
         current: { ...t().current, remainingTimes: z }
       });
-      window.postMessage({ type: "PrizeGameRemainingTimesUpdated", data: E }, "*");
+      window.postMessage({ type: "PrizeGameRemainingTimesUpdated", data: D }, "*");
     } catch (a) {
       console.log(a);
+    } finally {
+      o(O, !1);
     }
-  }, U = (e) => {
+  }, K = (e) => {
     if (e.data)
       switch (e.data.type) {
         case "SpinAgain":
         case "BackToWheel":
-          o(m, null), V();
+          o(m, null), e.data.skipFetch ? o(O, !0) : U();
           break;
       }
   };
-  Se(() => (window.addEventListener("message", U), () => {
-    window.removeEventListener("message", U);
+  Te(() => (window.postMessage(
+    {
+      type: "event_wof_accessed",
+      isUserLoggedIn: !n(h),
+      name: t()?.name || null,
+      availableSpins: t()?.remainingTimes || null
+    },
+    window.location.href
+  ), window.addEventListener("message", K), () => {
+    window.removeEventListener("message", K);
   }));
-  var fe = {
+  var me = {
     get program() {
       return t();
     },
@@ -727,85 +740,85 @@ function qe(Z, i) {
       b(e), d();
     },
     get outerWheelAsset() {
-      return j();
+      return G();
     },
     set outerWheelAsset(e = null) {
-      j(e), d();
+      G(e), d();
     },
     get wheelButtonAsset() {
-      return R();
+      return j();
     },
     set wheelButtonAsset(e = null) {
-      R(e), d();
+      j(e), d();
     },
     get backgroundVideoAsset() {
-      return T();
+      return L();
     },
     set backgroundVideoAsset(e = null) {
-      T(e), d();
+      L(e), d();
     },
     get language() {
-      return Y();
+      return I();
     },
     set language(e = "en") {
-      Y(e), d();
+      I(e), d();
     },
     get showBackButton() {
-      return I();
+      return M();
     },
     set showBackButton(e = !0) {
-      I(e), d();
+      M(e), d();
     },
     get liteMode() {
-      return v();
+      return u();
     },
     set liteMode(e = !1) {
-      v(e), d();
+      u(e), d();
     }
-  }, P = Je();
-  let K;
-  var N = c(P);
+  }, S = qe();
+  let N;
+  var Q = c(S);
   {
-    var me = (e) => {
-      var r = Ke();
+    var be = (e) => {
+      var r = Ne();
       let a;
       r.muted = !0;
-      var u = c(r);
-      s(r), D(() => {
-        a = x(r, 1, "wheel-video-background svelte-17ly5gn", null, a, { "is-ready": n(O) }), je(u, "src", T() || se);
-      }), Re("canplay", r, () => o(O, !0)), X(e, r);
+      var w = c(r);
+      s(r), Z(() => {
+        a = v(r, 1, "wheel-video-background svelte-17ly5gn", null, a, { "is-ready": n(Y) }), je(w, "src", L() || le);
+      }), Le("canplay", r, () => o(Y, !0)), X(e, r);
     };
-    re(N, (e) => {
-      !v() && n(f) === l[1] && e(me);
+    ae(Q, (e) => {
+      !u() && n(f) === l[1] && e(be);
     });
   }
-  var k = h(N, 2);
-  let J;
-  var Q = h(c(k), 2), be = c(Q, !0);
-  s(Q), s(k);
-  var C = h(k, 2);
+  var k = y(Q, 2);
   let q;
-  var L = c(C), ue = c(L, !0);
-  s(L);
-  var $ = h(L, 2), he = c($, !0);
-  s($), s(C);
-  var S = h(C, 2);
-  let ee;
-  We(S, 20, () => l, (e) => e, (e, r) => {
-    var a = Ne();
-    let u;
+  var J = y(c(k), 2), ue = c(J, !0);
+  s(J), s(k);
+  var C = y(k, 2);
+  let $;
+  var E = c(C), he = c(E, !0);
+  s(E);
+  var ee = y(E, 2), we = c(ee, !0);
+  s(ee), s(C);
+  var P = y(C, 2);
+  let ne;
+  We(P, 20, () => l, (e) => e, (e, r) => {
+    var a = Qe();
+    let w;
     var z = c(a, !0);
-    s(a), D(
-      (E) => {
-        u = x(a, 1, "tab svelte-17ly5gn", null, u, { active: n(f) === r }), F(z, E);
+    s(a), Z(
+      (D) => {
+        w = v(a, 1, "tab svelte-17ly5gn", null, w, { active: n(f) === r }), W(z, D);
       },
       [() => _()(r)]
-    ), ae("click", a, () => ce(r)), X(e, a);
-  }), s(S);
-  var W = h(S, 2);
-  let ne;
-  var we = c(W);
-  Fe(we, {
+    ), oe("click", a, () => de(r)), X(e, a);
+  }), s(P);
+  var T = y(P, 2);
+  let te;
+  var xe = c(T);
+  Fe(xe, {
     get program() {
       return t();
     },
@@ -816,24 +829,27 @@ function qe(Z, i) {
       return b();
     },
     get outerWheelAsset() {
-      return j();
+      return G();
     },
     get wheelButtonAsset() {
-      return R();
+      return j();
     },
     get wheelSlices() {
-      return n(pe);
+      return n(ce);
     },
     get isPlaceholder() {
-      return n(w);
+      return n(h);
     },
     get isWheelAvailable() {
-      return n(le);
+      return n(pe);
     },
     get liteMode() {
-      return v();
+      return u();
     },
-    onLogin: de,
+    get remainingTimesLoading() {
+      return n(O);
+    },
+    onLogin: ge,
     get spinResults() {
       return n(m);
     },
@@ -841,16 +857,16 @@ function qe(Z, i) {
       o(m, e, !0);
     },
     get spinActive() {
-      return n(M);
+      return n(R);
     },
     set spinActive(e) {
-      o(M, e, !0);
+      o(R, e, !0);
     }
-  }), s(W);
-  var xe = h(W, 2);
+  }), s(T);
+  var ye = y(T, 2);
   {
-    var ye = (e) => {
-      Ze(e, {
+    var ve = (e) => {
+      Ve(e, {
         get result() {
           return n(m);
         },
@@ -860,11 +876,14 @@ function qe(Z, i) {
         get session() {
           return b();
         },
-        onFetchRemainingTimes: V
+        get liteMode() {
+          return u();
+        },
+        onFetchRemainingTimes: U
       });
-    }, ve = (e) => {
+    }, ke = (e) => {
       {
-        let r = G(() => t()?.id);
+        let r = F(() => t()?.id);
         He(e, {
           get programId() {
             return n(r);
@@ -877,27 +896,27 @@ function qe(Z, i) {
           }
         });
       }
-    }, ke = (e) => {
-      Ve(e, {
+    }, ze = (e) => {
+      Ue(e, {
         get program() {
           return t();
         },
         get language() {
-          return Y();
+          return I();
         }
       });
     };
-    re(xe, (e) => {
-      n(m) ? e(ye) : n(f) === l[0] ? e(ve, 1) : n(f) === l[2] && e(ke, 2);
+    ae(ye, (e) => {
+      n(m) ? e(ve) : n(f) === l[0] ? e(ke, 1) : n(f) === l[2] && e(ze, 2);
     });
   }
-  s(P), D(
+  s(S), Z(
     (e, r, a) => {
-      K = x(P, 1, "wheel-content svelte-17ly5gn", null, K, {
+      N = v(S, 1, "wheel-content svelte-17ly5gn", null, N, {
         "is-spin-fullscreen": n(B),
         "is-spin-exiting": n(A),
-        "wheel-background-halo": v() && n(f) === l[1]
-      }), J = x(k, 1, "back-button-container svelte-17ly5gn", null, J, { hidden: n(w) || !I() }), F(be, e), q = x(C, 1, "wof-title svelte-17ly5gn", null, q, { hidden: n(m) }), F(ue, r), F(he, a), ee = x(S, 1, "wof-tabs svelte-17ly5gn", null, ee, { hidden: n(w) || n(m) }), ne = Ge(W, "", ne, {
+        "wheel-background-halo": u() && n(f) === l[1]
+      }), q = v(k, 1, "back-button-container svelte-17ly5gn", null, q, { hidden: n(h) || !M() }), W(ue, e), $ = v(C, 1, "wof-title svelte-17ly5gn", null, $, { hidden: n(m) }), W(he, r), W(we, a), ne = v(P, 1, "wof-tabs svelte-17ly5gn", null, ne, { hidden: n(h) || n(m) }), te = Ge(T, "", te, {
         display: n(f) !== l[1] || n(m) ? "none" : "contents"
       });
     },
@@ -906,13 +925,13 @@ function qe(Z, i) {
       () => _()("wofTitle"),
       () => _()("wofSubtitle")
     ]
-  ), ae("click", k, ge), X(Z, P);
-  var ze = Oe(fe);
-  return ie(), ze;
+  ), oe("click", k, fe), X(V, S);
+  var _e = Oe(me);
+  return se(), _e;
 }
-Be(["click"]);
-customElements.define("wheel-of-fortune", Ae(
-  qe,
+Ae(["click"]);
+customElements.define("wheel-of-fortune", Se(
+  $e,
   {
     program: {},
     endpoint: {},
@@ -928,5 +947,5 @@ customElements.define("wheel-of-fortune", Ae(
   []
 ));
 export {
-  qe as W
+  $e as W
 };