@everymatrix/mini-games-hub 0.1.5 → 0.1.7

package/components/WheelOfFortuneHistory-BA977Hfx.js

@@ -0,0 +1,230 @@
+import { d as Sa, c as Aa, a as Da, p as la, o as Na, i as W, b as p, f as C, e as ra, g as oa, s as c, h as da, j as xa, k as ja, l as ia, m as ga } from "./WheelOfFortuneWheel-BvI-fAML.js";
+import { B as Fa, aO as U, aB as Za, Y as a, G as Oa, aR as Xa, at as T, aX as Ya, aV as s, aF as na, aT as Qa, aS as Ua, aP as V, aQ as l, aY as t, ad as E, b5 as fa, aZ as va } from "./utils-C0oX5v1l.js";
+var Va = C('<div class="LuckyWheelHistoryItem SkeletonRow svelte-4la0az"></div>'), qa = C('<div class="LuckyWheelHistoryHeader HistoryGrid svelte-4la0az"><p class="svelte-4la0az">#</p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p></div> <!>', 1), ua = xa('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-4la0az"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-4la0az"></path></svg>'), ha = xa('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-4la0az"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-4la0az"></path></svg>'), Ja = C('<div class="LuckyWheelHistoryItem HistoryGrid svelte-4la0az"><p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <div class="DateTimeCell svelte-4la0az"><span class="svelte-4la0az"> </span> <span class="svelte-4la0az"> </span></div> <div class="HistoryIcon svelte-4la0az"><!></div> <div class="HistoryIcon svelte-4la0az"><!></div></div>'), Ka = C('<span class="PaginationEllipsis svelte-4la0az">&hellip;</span>'), $a = C("<button> </button>"), ae = C('<div class="LuckyWheelPagination svelte-4la0az"><button class="PaginationButton PaginationNav svelte-4la0az">&#8249;</button> <div class="PaginationPages svelte-4la0az"></div> <button class="PaginationButton PaginationNav svelte-4la0az">&#8250;</button></div>'), ee = C('<div class="LuckyWheelHistoryHeader HistoryGrid svelte-4la0az"><p class="svelte-4la0az">#</p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p></div> <!> <!>', 1), te = C('<h2 class="NoHistory svelte-4la0az"> </h2>'), se = C('<div class="HistoryList svelte-4la0az"><!></div>');
+const le = {
+  hash: "svelte-4la0az",
+  code: `.svelte-4la0az,
+.svelte-4la0az::before,
+.svelte-4la0az::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;}.HistoryList.svelte-4la0az {display:flex;flex-direction:column;gap:6px;width:90%;margin:auto;}.HistoryGrid.svelte-4la0az {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;}.DateTimeCell.svelte-4la0az {display:flex;flex-direction:column;gap:2px;}.DateTimeCell.svelte-4la0az span:where(.svelte-4la0az):last-child {opacity:0.6;font-size:10px;}.LuckyWheelHistoryItem.svelte-4la0az {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;}.LuckyWheelHistoryHeader.svelte-4la0az {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}.HistoryIcon.svelte-4la0az {display:flex;align-items:center;justify-content:center;}.NoHistory.svelte-4la0az {width:100%;font-size:14px;font-weight:400;margin-top:12px;}.LuckyWheelPagination.svelte-4la0az {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;}.PaginationPages.svelte-4la0az {display:flex;align-items:center;gap:4px;}.PaginationEllipsis.svelte-4la0az {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;}.PaginationButton.svelte-4la0az {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;}.PaginationButton.svelte-4la0az:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));}.PaginationButton.svelte-4la0az:disabled {opacity:0.4;cursor:not-allowed;}.PaginationPage.svelte-4la0az {min-width:32px;text-align:center;padding:6px 8px;}.PaginationNav.svelte-4la0az {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;}.PaginationPage.Active.svelte-4la0az {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+
+@keyframes svelte-4la0az-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+}.SkeletonRow.svelte-4la0az {pointer-events:none;
+  animation: svelte-4la0az-skeleton-pulse 1.4s ease-in-out infinite;height:40px;}`
+};
+function re(pa, N) {
+  Fa(N, !0), Da(pa, le);
+  const r = () => Xa(Ua, "$_", _a), [_a, za] = Qa(), q = la(N, "programId", 7), J = la(N, "endpoint", 7), j = la(N, "session", 7);
+  let K = U(!0), x = U(Za([])), ma = U(!1);
+  const R = 10;
+  let g = U(1);
+  const F = va(() => a(x) && a(x).length > 0 ? Math.ceil(a(x).length / R) : 1), ya = va(() => a(x) && a(x).length > 0 ? a(x).slice((a(g) - 1) * R, a(g) * R) : []), ba = {
+    bonus: r()("prizeBonus"),
+    role: r()("prizeRole"),
+    tournament: r()("prizeTournament"),
+    ticket: r()("prizeTicket"),
+    loyalty: r()("prizeLoyalty"),
+    challenge: r()("prizeChallenge")
+  }, Ca = va(() => {
+    const e = a(F);
+    if (e <= 5)
+      return Array.from({ length: e }, (n, u) => u + 1);
+    const o = [], f = a(g);
+    o.push(1), f > 3 && o.push("...");
+    const i = Math.max(2, f - 1), P = Math.min(e - 1, f + 1);
+    for (let n = i; n <= P; n++)
+      o.push(n);
+    return f < e - 2 && o.push("..."), e > 1 && o.push(e), o;
+  }), $ = (e) => {
+    e < 1 || e > a(F) || T(g, e, !0);
+  }, wa = () => {
+    T(K, !0);
+    const e = new URL(`${J()}/v1/wof/outcome/${q()}`), o = new Headers();
+    j() && o.append("X-SessionId", j()), fetch(e, { method: "GET", headers: o, cache: "no-store" }).then((i) => i.json()).then((i) => {
+      T(x, i == null ? void 0 : i.items.map((P) => Ya(P, "history")), !0), T(g, 1);
+    }).catch((i) => {
+      console.log(i), T(ma, !0);
+    }).finally(() => T(K, !1));
+  };
+  Na(() => {
+    wa();
+  });
+  var Pa = {
+    get programId() {
+      return q();
+    },
+    set programId(e) {
+      q(e), na();
+    },
+    get endpoint() {
+      return J();
+    },
+    set endpoint(e) {
+      J(e), na();
+    },
+    get session() {
+      return j();
+    },
+    set session(e) {
+      j(e), na();
+    }
+  }, aa = se(), ka = s(aa);
+  {
+    var La = (e) => {
+      var o = qa(), f = V(o), i = l(s(f), 2), P = s(i, !0);
+      t(i);
+      var n = l(i, 2), u = s(n, !0);
+      t(n);
+      var _ = l(n, 2), k = s(_, !0);
+      t(_);
+      var Z = l(_, 2), G = s(Z, !0);
+      t(Z), t(f);
+      var ea = l(f, 2);
+      ra(ea, 17, () => Array(R), oa, (L, O, M, X) => {
+        var Y = Va();
+        p(L, Y);
+      }), E(
+        (L, O, M, X) => {
+          c(P, L), c(u, O), c(k, M), c(G, X);
+        },
+        [
+          () => r()("name"),
+          () => r()("date"),
+          () => r()("spin"),
+          () => r()("assigned")
+        ]
+      ), p(e, o);
+    }, Ha = (e) => {
+      var o = da(), f = V(o);
+      {
+        var i = (n) => {
+          var u = ee(), _ = V(u), k = l(s(_), 2), Z = s(k, !0);
+          t(k);
+          var G = l(k, 2), ea = s(G, !0);
+          t(G);
+          var L = l(G, 2), O = s(L, !0);
+          t(L);
+          var M = l(L, 2), X = s(M, !0);
+          t(M), t(_);
+          var Y = l(_, 2);
+          ra(Y, 17, () => a(ya), oa, (H, d, w) => {
+            var z = Ja(), I = s(z), S = s(I);
+            t(I);
+            var h = l(I, 2), Q = s(h, !0);
+            t(h);
+            var A = l(h, 2), D = s(A), ta = s(D, !0);
+            t(D);
+            var m = l(D, 2), y = s(m, !0);
+            t(m), t(A);
+            var B = l(A, 2), sa = s(B);
+            {
+              var Ta = (v) => {
+                var b = ua();
+                p(v, b);
+              }, Ea = (v) => {
+                var b = ha();
+                p(v, b);
+              };
+              W(sa, (v) => {
+                a(d).state === "drawn" || a(d).state === "fulfilled" ? v(Ta) : v(Ea, -1);
+              });
+            }
+            t(B);
+            var ca = l(B, 2), Ra = s(ca);
+            {
+              var Ga = (v) => {
+                var b = ua();
+                p(v, b);
+              }, Ma = (v) => {
+                var b = ha();
+                p(v, b);
+              };
+              W(Ra, (v) => {
+                a(d).completed && a(d).state === "fulfilled" ? v(Ga) : v(Ma, -1);
+              });
+            }
+            t(ca), t(z), E(
+              (v, b) => {
+                c(S, `${(a(g) - 1) * R + w + 1}.`), c(Q, ba[a(d).type] || "-"), c(ta, v), c(y, b);
+              },
+              [
+                () => fa(a(d).time).date,
+                () => fa(a(d).time).time
+              ]
+            ), p(H, z);
+          });
+          var Ba = l(Y, 2);
+          {
+            var Wa = (H) => {
+              var d = ae(), w = s(d), z = l(w, 2);
+              ra(z, 21, () => a(Ca), oa, (S, h) => {
+                var Q = da(), A = V(Q);
+                {
+                  var D = (m) => {
+                    var y = Ka();
+                    p(m, y);
+                  }, ta = (m) => {
+                    var y = $a();
+                    let B;
+                    var sa = s(y, !0);
+                    t(y), E(() => {
+                      B = ja(y, 1, "PaginationButton PaginationPage svelte-4la0az", null, B, { Active: a(g) === a(h) }), c(sa, a(h));
+                    }), ia("click", y, () => $(a(h))), p(m, y);
+                  };
+                  W(A, (m) => {
+                    a(h) === "..." ? m(D) : m(ta, -1);
+                  });
+                }
+                p(S, Q);
+              }), t(z);
+              var I = l(z, 2);
+              t(d), E(
+                (S, h) => {
+                  w.disabled = a(g) === 1, ga(w, "aria-label", S), I.disabled = a(g) === a(F), ga(I, "aria-label", h);
+                },
+                [() => r()("previous"), () => r()("next")]
+              ), ia("click", w, () => $(a(g) - 1)), ia("click", I, () => $(a(g) + 1)), p(H, d);
+            };
+            W(Ba, (H) => {
+              a(F) > 1 && H(Wa);
+            });
+          }
+          E(
+            (H, d, w, z) => {
+              c(Z, H), c(ea, d), c(O, w), c(X, z);
+            },
+            [
+              () => r()("name"),
+              () => r()("date"),
+              () => r()("spin"),
+              () => r()("assigned")
+            ]
+          ), p(n, u);
+        }, P = (n) => {
+          var u = te(), _ = s(u, !0);
+          t(u), E((k) => c(_, k), [() => r()("noHistory")]), p(n, u);
+        };
+        W(f, (n) => {
+          a(x) && a(x).length > 0 ? n(i) : n(P, -1);
+        });
+      }
+      p(e, o);
+    };
+    W(ka, (e) => {
+      a(K) ? e(La) : e(Ha, -1);
+    });
+  }
+  t(aa), p(pa, aa);
+  var Ia = Oa(Pa);
+  return za(), Ia;
+}
+Sa(["click"]);
+Aa(re, { programId: {}, endpoint: {}, session: {} }, [], [], { mode: "open" });
+export {
+  re as W
+};

package/components/WheelOfFortuneHistory-CT-5jtfe.js

@@ -0,0 +1,230 @@
+import { d as Sa, c as Aa, a as Da, p as la, o as Na, i as W, b as v, f as C, e as ra, g as oa, s as p, h as da, j as xa, k as ja, l as ia, m as ga } from "./WheelOfFortuneWheel-CCmzx2yj.js";
+import { aO as Q, aB as Fa, G as Za, aQ as Oa, aS as Ua, aF as na, B as Xa, aR as Ya, aV as s, Y as a, aY as t, at as E, aX as Qa, aP as V, aU as l, ad as R, b5 as fa, a_ as va } from "./utils-B53aGsNG.js";
+var Va = C('<div class="LuckyWheelHistoryItem SkeletonRow svelte-4la0az"></div>'), qa = C('<div class="LuckyWheelHistoryHeader HistoryGrid svelte-4la0az"><p class="svelte-4la0az">#</p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p></div> <!>', 1), ua = xa('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-4la0az"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-4la0az"></path></svg>'), ha = xa('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-4la0az"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-4la0az"></path></svg>'), Ja = C('<div class="LuckyWheelHistoryItem HistoryGrid svelte-4la0az"><p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <div class="DateTimeCell svelte-4la0az"><span class="svelte-4la0az"> </span> <span class="svelte-4la0az"> </span></div> <div class="HistoryIcon svelte-4la0az"><!></div> <div class="HistoryIcon svelte-4la0az"><!></div></div>'), Ka = C('<span class="PaginationEllipsis svelte-4la0az">&hellip;</span>'), $a = C("<button> </button>"), ae = C('<div class="LuckyWheelPagination svelte-4la0az"><button class="PaginationButton PaginationNav svelte-4la0az">&#8249;</button> <div class="PaginationPages svelte-4la0az"></div> <button class="PaginationButton PaginationNav svelte-4la0az">&#8250;</button></div>'), ee = C('<div class="LuckyWheelHistoryHeader HistoryGrid svelte-4la0az"><p class="svelte-4la0az">#</p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p></div> <!> <!>', 1), te = C('<h2 class="NoHistory svelte-4la0az"> </h2>'), se = C('<div class="HistoryList svelte-4la0az"><!></div>');
+const le = {
+  hash: "svelte-4la0az",
+  code: `.svelte-4la0az,
+.svelte-4la0az::before,
+.svelte-4la0az::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;}.HistoryList.svelte-4la0az {display:flex;flex-direction:column;gap:6px;width:90%;margin:auto;}.HistoryGrid.svelte-4la0az {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;}.DateTimeCell.svelte-4la0az {display:flex;flex-direction:column;gap:2px;}.DateTimeCell.svelte-4la0az span:where(.svelte-4la0az):last-child {opacity:0.6;font-size:10px;}.LuckyWheelHistoryItem.svelte-4la0az {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;}.LuckyWheelHistoryHeader.svelte-4la0az {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}.HistoryIcon.svelte-4la0az {display:flex;align-items:center;justify-content:center;}.NoHistory.svelte-4la0az {width:100%;font-size:14px;font-weight:400;margin-top:12px;}.LuckyWheelPagination.svelte-4la0az {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;}.PaginationPages.svelte-4la0az {display:flex;align-items:center;gap:4px;}.PaginationEllipsis.svelte-4la0az {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;}.PaginationButton.svelte-4la0az {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;}.PaginationButton.svelte-4la0az:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));}.PaginationButton.svelte-4la0az:disabled {opacity:0.4;cursor:not-allowed;}.PaginationPage.svelte-4la0az {min-width:32px;text-align:center;padding:6px 8px;}.PaginationNav.svelte-4la0az {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;}.PaginationPage.Active.svelte-4la0az {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+
+@keyframes svelte-4la0az-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+}.SkeletonRow.svelte-4la0az {pointer-events:none;
+  animation: svelte-4la0az-skeleton-pulse 1.4s ease-in-out infinite;height:40px;}`
+};
+function re(pa, N) {
+  Xa(N, !0), Da(pa, le);
+  const r = () => Oa(Ya, "$_", _a), [_a, za] = Ua(), q = la(N, "programId", 7), J = la(N, "endpoint", 7), j = la(N, "session", 7);
+  let K = Q(!0), x = Q(Fa([])), ma = Q(!1);
+  const T = 10;
+  let g = Q(1);
+  const F = va(() => a(x) && a(x).length > 0 ? Math.ceil(a(x).length / T) : 1), ya = va(() => a(x) && a(x).length > 0 ? a(x).slice((a(g) - 1) * T, a(g) * T) : []), ba = {
+    bonus: r()("prizeBonus"),
+    role: r()("prizeRole"),
+    tournament: r()("prizeTournament"),
+    ticket: r()("prizeTicket"),
+    loyalty: r()("prizeLoyalty"),
+    challenge: r()("prizeChallenge")
+  }, Ca = va(() => {
+    const e = a(F);
+    if (e <= 5)
+      return Array.from({ length: e }, (i, u) => u + 1);
+    const o = [], f = a(g);
+    o.push(1), f > 3 && o.push("...");
+    const c = Math.max(2, f - 1), P = Math.min(e - 1, f + 1);
+    for (let i = c; i <= P; i++)
+      o.push(i);
+    return f < e - 2 && o.push("..."), e > 1 && o.push(e), o;
+  }), $ = (e) => {
+    e < 1 || e > a(F) || E(g, e, !0);
+  }, wa = () => {
+    E(K, !0);
+    const e = new URL(`${J()}/v1/wof/outcome/${q()}`), o = new Headers();
+    j() && o.append("X-SessionId", j()), fetch(e, { method: "GET", headers: o, cache: "no-store" }).then((c) => c.json()).then((c) => {
+      E(x, c?.items.map((P) => Qa(P, "history")), !0), E(g, 1);
+    }).catch((c) => {
+      console.log(c), E(ma, !0);
+    }).finally(() => E(K, !1));
+  };
+  Na(() => {
+    wa();
+  });
+  var Pa = {
+    get programId() {
+      return q();
+    },
+    set programId(e) {
+      q(e), na();
+    },
+    get endpoint() {
+      return J();
+    },
+    set endpoint(e) {
+      J(e), na();
+    },
+    get session() {
+      return j();
+    },
+    set session(e) {
+      j(e), na();
+    }
+  }, aa = se(), ka = s(aa);
+  {
+    var La = (e) => {
+      var o = qa(), f = V(o), c = l(s(f), 2), P = s(c, !0);
+      t(c);
+      var i = l(c, 2), u = s(i, !0);
+      t(i);
+      var _ = l(i, 2), k = s(_, !0);
+      t(_);
+      var Z = l(_, 2), G = s(Z, !0);
+      t(Z), t(f);
+      var ea = l(f, 2);
+      ra(ea, 17, () => Array(T), oa, (L, O, M, U) => {
+        var X = Va();
+        v(L, X);
+      }), R(
+        (L, O, M, U) => {
+          p(P, L), p(u, O), p(k, M), p(G, U);
+        },
+        [
+          () => r()("name"),
+          () => r()("date"),
+          () => r()("spin"),
+          () => r()("assigned")
+        ]
+      ), v(e, o);
+    }, Ha = (e) => {
+      var o = da(), f = V(o);
+      {
+        var c = (i) => {
+          var u = ee(), _ = V(u), k = l(s(_), 2), Z = s(k, !0);
+          t(k);
+          var G = l(k, 2), ea = s(G, !0);
+          t(G);
+          var L = l(G, 2), O = s(L, !0);
+          t(L);
+          var M = l(L, 2), U = s(M, !0);
+          t(M), t(_);
+          var X = l(_, 2);
+          ra(X, 17, () => a(ya), oa, (H, d, w) => {
+            var z = Ja(), I = s(z), S = s(I);
+            t(I);
+            var h = l(I, 2), Y = s(h, !0);
+            t(h);
+            var A = l(h, 2), D = s(A), ta = s(D, !0);
+            t(D);
+            var m = l(D, 2), y = s(m, !0);
+            t(m), t(A);
+            var B = l(A, 2), sa = s(B);
+            {
+              var Ea = (n) => {
+                var b = ua();
+                v(n, b);
+              }, Ra = (n) => {
+                var b = ha();
+                v(n, b);
+              };
+              W(sa, (n) => {
+                a(d).state === "drawn" || a(d).state === "fulfilled" ? n(Ea) : n(Ra, -1);
+              });
+            }
+            t(B);
+            var ca = l(B, 2), Ta = s(ca);
+            {
+              var Ga = (n) => {
+                var b = ua();
+                v(n, b);
+              }, Ma = (n) => {
+                var b = ha();
+                v(n, b);
+              };
+              W(Ta, (n) => {
+                a(d).completed && a(d).state === "fulfilled" ? n(Ga) : n(Ma, -1);
+              });
+            }
+            t(ca), t(z), R(
+              (n, b) => {
+                p(S, `${(a(g) - 1) * T + w + 1}.`), p(Y, ba[a(d).type] || "-"), p(ta, n), p(y, b);
+              },
+              [
+                () => fa(a(d).time).date,
+                () => fa(a(d).time).time
+              ]
+            ), v(H, z);
+          });
+          var Ba = l(X, 2);
+          {
+            var Wa = (H) => {
+              var d = ae(), w = s(d), z = l(w, 2);
+              ra(z, 21, () => a(Ca), oa, (S, h) => {
+                var Y = da(), A = V(Y);
+                {
+                  var D = (m) => {
+                    var y = Ka();
+                    v(m, y);
+                  }, ta = (m) => {
+                    var y = $a();
+                    let B;
+                    var sa = s(y, !0);
+                    t(y), R(() => {
+                      B = ja(y, 1, "PaginationButton PaginationPage svelte-4la0az", null, B, { Active: a(g) === a(h) }), p(sa, a(h));
+                    }), ia("click", y, () => $(a(h))), v(m, y);
+                  };
+                  W(A, (m) => {
+                    a(h) === "..." ? m(D) : m(ta, -1);
+                  });
+                }
+                v(S, Y);
+              }), t(z);
+              var I = l(z, 2);
+              t(d), R(
+                (S, h) => {
+                  w.disabled = a(g) === 1, ga(w, "aria-label", S), I.disabled = a(g) === a(F), ga(I, "aria-label", h);
+                },
+                [() => r()("previous"), () => r()("next")]
+              ), ia("click", w, () => $(a(g) - 1)), ia("click", I, () => $(a(g) + 1)), v(H, d);
+            };
+            W(Ba, (H) => {
+              a(F) > 1 && H(Wa);
+            });
+          }
+          R(
+            (H, d, w, z) => {
+              p(Z, H), p(ea, d), p(O, w), p(U, z);
+            },
+            [
+              () => r()("name"),
+              () => r()("date"),
+              () => r()("spin"),
+              () => r()("assigned")
+            ]
+          ), v(i, u);
+        }, P = (i) => {
+          var u = te(), _ = s(u, !0);
+          t(u), R((k) => p(_, k), [() => r()("noHistory")]), v(i, u);
+        };
+        W(f, (i) => {
+          a(x) && a(x).length > 0 ? i(c) : i(P, -1);
+        });
+      }
+      v(e, o);
+    };
+    W(ka, (e) => {
+      a(K) ? e(La) : e(Ha, -1);
+    });
+  }
+  t(aa), v(pa, aa);
+  var Ia = Za(Pa);
+  return za(), Ia;
+}
+Sa(["click"]);
+Aa(re, { programId: {}, endpoint: {}, session: {} }, [], [], { mode: "open" });
+export {
+  re as W
+};

package/components/WheelOfFortuneHistory-uP606zLS.cjs

@@ -0,0 +1,13 @@
+"use strict";const t=require("./WheelOfFortuneWheel-6j7QTrsf.cjs"),e=require("./utils-Du65tqU5.cjs");var xe=t.from_html('<div class="LuckyWheelHistoryItem SkeletonRow svelte-4la0az"></div>'),me=t.from_html('<div class="LuckyWheelHistoryHeader HistoryGrid svelte-4la0az"><p class="svelte-4la0az">#</p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p></div> <!>',1),Q=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-4la0az"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.3977 2.60225C10.6174 2.82192 10.6174 3.17808 10.3977 3.39775L4.89775 8.89775C4.67808 9.11742 4.32192 9.11742 4.10225 8.89775L1.60225 6.39775C1.38258 6.17808 1.38258 5.82192 1.60225 5.60225C1.82192 5.38258 2.17808 5.38258 2.39775 5.60225L4.5 7.7045L9.60225 2.60225C9.82192 2.38258 10.1781 2.38258 10.3977 2.60225Z" fill="#29CF00" class="svelte-4la0az"></path></svg>'),V=t.from_svg('<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg" class="svelte-4la0az"><path d="M6.73367 6.0952L9.82534 3.0327C9.92639 2.92941 9.98768 2.79371 9.99835 2.6496C10.009 2.50549 9.96841 2.36225 9.88367 2.2452C9.83646 2.1749 9.77377 2.11636 9.70041 2.07407C9.62705 2.03178 9.54498 2.00686 9.46049 2.00123C9.376 1.99559 9.29135 2.0094 9.21302 2.04158C9.1347 2.07376 9.06479 2.12346 9.00867 2.18686L5.91701 5.27853L2.82534 2.18686C2.76922 2.12346 2.69931 2.07376 2.62099 2.04158C2.54266 2.0094 2.45801 1.99559 2.37352 2.00123C2.28903 2.00686 2.20696 2.03178 2.1336 2.07407C2.06024 2.11636 1.99755 2.1749 1.95034 2.2452C1.8656 2.36225 1.82498 2.50549 1.83566 2.6496C1.84633 2.79371 1.90762 2.92941 2.00867 3.0327L5.10034 6.0952L2.00867 9.1577C1.90762 9.26099 1.84633 9.39668 1.83566 9.54079C1.82498 9.6849 1.8656 9.82814 1.95034 9.9452C1.99755 10.0155 2.06024 10.074 2.1336 10.1163C2.20696 10.1586 2.28903 10.1835 2.37352 10.1892C2.45801 10.1948 2.54266 10.181 2.62099 10.1488C2.69931 10.1166 2.76922 10.0669 2.82534 10.0035L5.91701 6.91186L9.00867 10.0035C9.06479 10.0669 9.1347 10.1166 9.21302 10.1488C9.29135 10.181 9.376 10.1948 9.46049 10.1892C9.54498 10.1835 9.62705 10.1586 9.70041 10.1163C9.77377 10.074 9.83646 10.0155 9.88367 9.9452C9.96841 9.82814 10.009 9.6849 9.99835 9.54079C9.98768 9.39668 9.92639 9.26099 9.82534 9.1577L6.73367 6.0952Z" fill="#EB0000" class="svelte-4la0az"></path></svg>'),ze=t.from_html('<div class="LuckyWheelHistoryItem HistoryGrid svelte-4la0az"><p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <div class="DateTimeCell svelte-4la0az"><span class="svelte-4la0az"> </span> <span class="svelte-4la0az"> </span></div> <div class="HistoryIcon svelte-4la0az"><!></div> <div class="HistoryIcon svelte-4la0az"><!></div></div>'),be=t.from_html('<span class="PaginationEllipsis svelte-4la0az">&hellip;</span>'),ye=t.from_html("<button> </button>"),Ce=t.from_html('<div class="LuckyWheelPagination svelte-4la0az"><button class="PaginationButton PaginationNav svelte-4la0az">&#8249;</button> <div class="PaginationPages svelte-4la0az"></div> <button class="PaginationButton PaginationNav svelte-4la0az">&#8250;</button></div>'),ke=t.from_html('<div class="LuckyWheelHistoryHeader HistoryGrid svelte-4la0az"><p class="svelte-4la0az">#</p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p> <p class="svelte-4la0az"> </p></div> <!> <!>',1),we=t.from_html('<h2 class="NoHistory svelte-4la0az"> </h2>'),Pe=t.from_html('<div class="HistoryList svelte-4la0az"><!></div>');const He={hash:"svelte-4la0az",code:`.svelte-4la0az,
+.svelte-4la0az::before,
+.svelte-4la0az::after {margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit;}.HistoryList.svelte-4la0az {display:flex;flex-direction:column;gap:6px;width:90%;margin:auto;}.HistoryGrid.svelte-4la0az {display:grid;grid-template-columns:28px 1fr 1fr 44px 60px;align-items:center;gap:8px;}.DateTimeCell.svelte-4la0az {display:flex;flex-direction:column;gap:2px;}.DateTimeCell.svelte-4la0az span:where(.svelte-4la0az):last-child {opacity:0.6;font-size:10px;}.LuckyWheelHistoryItem.svelte-4la0az {width:100%;border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:8px 12px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);font-size:12px;}.LuckyWheelHistoryHeader.svelte-4la0az {width:100%;padding:6px 12px;color:var(--color-text-default, #ffffff);opacity:0.6;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;}.HistoryIcon.svelte-4la0az {display:flex;align-items:center;justify-content:center;}.NoHistory.svelte-4la0az {width:100%;font-size:14px;font-weight:400;margin-top:12px;}.LuckyWheelPagination.svelte-4la0az {display:flex;align-items:center;justify-content:center;gap:6px;width:100%;margin-top:8px;}.PaginationPages.svelte-4la0az {display:flex;align-items:center;gap:4px;}.PaginationEllipsis.svelte-4la0az {color:var(--color-text-default, #ffffff);padding:0 2px;user-select:none;opacity:0.6;font-size:14px;line-height:32px;}.PaginationButton.svelte-4la0az {border:1px solid var(--color-border-subtle, rgba(251, 251, 251, 0.0509803922));border-radius:6px;padding:6px 10px;background-color:var(--color-overlay-neutral-1, rgba(251, 251, 251, 0.1019607843));color:var(--color-text-default, #ffffff);cursor:pointer;transition:background-color 0.15s ease;font-size:13px;line-height:1;}.PaginationButton.svelte-4la0az:hover:not(:disabled) {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));}.PaginationButton.svelte-4la0az:disabled {opacity:0.4;cursor:not-allowed;}.PaginationPage.svelte-4la0az {min-width:32px;text-align:center;padding:6px 8px;}.PaginationNav.svelte-4la0az {min-width:32px;text-align:center;font-size:16px;padding:4px 8px;flex-shrink:0;}.PaginationPage.Active.svelte-4la0az {background-color:var(--color-overlay-neutral-2, rgba(251, 251, 251, 0.2));border-color:var(--color-text-default, #ffffff);font-weight:600;}
+
+@keyframes svelte-4la0az-skeleton-pulse {
+  0%, 100% {
+    opacity: 0.3;
+  }
+  50% {
+    opacity: 0.6;
+  }
+}.SkeletonRow.svelte-4la0az {pointer-events:none;
+  animation: svelte-4la0az-skeleton-pulse 1.4s ease-in-out infinite;height:40px;}`};function Y(J,T){e.push(T,!0),t.append_styles(J,He);const s=()=>e.store_get(e.$format,"$_",$),[$,ee]=e.setup_stores(),A=t.prop(T,"programId",7),N=t.prop(T,"endpoint",7),E=t.prop(T,"session",7);let j=e.state(!0),g=e.state(e.proxy([])),te=e.state(!1);const P=10;let v=e.state(1);const S=e.user_derived(()=>e.get(g)&&e.get(g).length>0?Math.ceil(e.get(g).length/P):1),ae=e.user_derived(()=>e.get(g)&&e.get(g).length>0?e.get(g).slice((e.get(v)-1)*P,e.get(v)*P):[]),se={bonus:s()("prizeBonus"),role:s()("prizeRole"),tournament:s()("prizeTournament"),ticket:s()("prizeTicket"),loyalty:s()("prizeLoyalty"),challenge:s()("prizeChallenge")},le=e.user_derived(()=>{const a=e.get(S);if(a<=5)return Array.from({length:a},(i,c)=>c+1);const l=[],p=e.get(v);l.push(1),p>3&&l.push("...");const r=Math.max(2,p-1),z=Math.min(a-1,p+1);for(let i=r;i<=z;i++)l.push(i);return p<a-2&&l.push("..."),a>1&&l.push(a),l}),O=a=>{a<1||a>e.get(S)||e.set(v,a,!0)},re=()=>{e.set(j,!0);const a=new URL(`${N()}/v1/wof/outcome/${A()}`),l=new Headers;E()&&l.append("X-SessionId",E()),fetch(a,{method:"GET",headers:l,cache:"no-store"}).then(r=>r.json()).then(r=>{e.set(g,r==null?void 0:r.items.map(z=>e.normalizeDrawResult(z,"history")),!0),e.set(v,1)}).catch(r=>{console.log(r),e.set(te,!0)}).finally(()=>e.set(j,!1))};t.onMount(()=>{re()});var ie={get programId(){return A()},set programId(a){A(a),e.flushSync()},get endpoint(){return N()},set endpoint(a){N(a),e.flushSync()},get session(){return E()},set session(a){E(a),e.flushSync()}},Z=Pe(),oe=e.child(Z);{var ne=a=>{var l=me(),p=e.first_child(l),r=e.sibling(e.child(p),2),z=e.child(r,!0);e.reset(r);var i=e.sibling(r,2),c=e.child(i,!0);e.reset(i);var f=e.sibling(i,2),b=e.child(f,!0);e.reset(f);var M=e.sibling(f,2),H=e.child(M,!0);e.reset(M),e.reset(p);var q=e.sibling(p,2);t.each(q,17,()=>Array(P),t.index,(y,R,L,D)=>{var F=xe();t.append(y,F)}),e.template_effect((y,R,L,D)=>{t.set_text(z,y),t.set_text(c,R),t.set_text(b,L),t.set_text(H,D)},[()=>s()("name"),()=>s()("date"),()=>s()("spin"),()=>s()("assigned")]),t.append(a,l)},ve=a=>{var l=t.comment(),p=e.first_child(l);{var r=i=>{var c=ke(),f=e.first_child(c),b=e.sibling(e.child(f),2),M=e.child(b,!0);e.reset(b);var H=e.sibling(b,2),q=e.child(H,!0);e.reset(H);var y=e.sibling(H,2),R=e.child(y,!0);e.reset(y);var L=e.sibling(y,2),D=e.child(L,!0);e.reset(L),e.reset(f);var F=e.sibling(f,2);t.each(F,17,()=>e.get(ae),t.index,(C,n,m)=>{var u=ze(),k=e.child(u),I=e.child(k);e.reset(k);var d=e.sibling(k,2),G=e.child(d,!0);e.reset(d);var W=e.sibling(d,2),B=e.child(W),U=e.child(B,!0);e.reset(B);var h=e.sibling(B,2),_=e.child(h,!0);e.reset(h),e.reset(W);var w=e.sibling(W,2),X=e.child(w);{var ge=o=>{var x=Q();t.append(o,x)},fe=o=>{var x=V();t.append(o,x)};t.if_block(X,o=>{e.get(n).state==="drawn"||e.get(n).state==="fulfilled"?o(ge):o(fe,-1)})}e.reset(w);var K=e.sibling(w,2),ue=e.child(K);{var he=o=>{var x=Q();t.append(o,x)},_e=o=>{var x=V();t.append(o,x)};t.if_block(ue,o=>{e.get(n).completed&&e.get(n).state==="fulfilled"?o(he):o(_e,-1)})}e.reset(K),e.reset(u),e.template_effect((o,x)=>{t.set_text(I,`${(e.get(v)-1)*P+m+1}.`),t.set_text(G,se[e.get(n).type]||"-"),t.set_text(U,o),t.set_text(_,x)},[()=>e.formatDateTimeForHistory(e.get(n).time).date,()=>e.formatDateTimeForHistory(e.get(n).time).time]),t.append(C,u)});var ce=e.sibling(F,2);{var de=C=>{var n=Ce(),m=e.child(n),u=e.sibling(m,2);t.each(u,21,()=>e.get(le),t.index,(I,d)=>{var G=t.comment(),W=e.first_child(G);{var B=h=>{var _=be();t.append(h,_)},U=h=>{var _=ye();let w;var X=e.child(_,!0);e.reset(_),e.template_effect(()=>{w=t.set_class(_,1,"PaginationButton PaginationPage svelte-4la0az",null,w,{Active:e.get(v)===e.get(d)}),t.set_text(X,e.get(d))}),t.delegated("click",_,()=>O(e.get(d))),t.append(h,_)};t.if_block(W,h=>{e.get(d)==="..."?h(B):h(U,-1)})}t.append(I,G)}),e.reset(u);var k=e.sibling(u,2);e.reset(n),e.template_effect((I,d)=>{m.disabled=e.get(v)===1,t.set_attribute(m,"aria-label",I),k.disabled=e.get(v)===e.get(S),t.set_attribute(k,"aria-label",d)},[()=>s()("previous"),()=>s()("next")]),t.delegated("click",m,()=>O(e.get(v)-1)),t.delegated("click",k,()=>O(e.get(v)+1)),t.append(C,n)};t.if_block(ce,C=>{e.get(S)>1&&C(de)})}e.template_effect((C,n,m,u)=>{t.set_text(M,C),t.set_text(q,n),t.set_text(R,m),t.set_text(D,u)},[()=>s()("name"),()=>s()("date"),()=>s()("spin"),()=>s()("assigned")]),t.append(i,c)},z=i=>{var c=we(),f=e.child(c,!0);e.reset(c),e.template_effect(b=>t.set_text(f,b),[()=>s()("noHistory")]),t.append(i,c)};t.if_block(p,i=>{e.get(g)&&e.get(g).length>0?i(r):i(z,-1)})}t.append(a,l)};t.if_block(oe,a=>{e.get(j)?a(ne):a(ve,-1)})}e.reset(Z),t.append(J,Z);var pe=e.pop(ie);return ee(),pe}t.delegate(["click"]);t.create_custom_element(Y,{programId:{},endpoint:{},session:{}},[],[],{mode:"open"});exports.WheelOfFortuneHistory=Y;