@betorigami/game-ui-wheel 1.1.3 → 1.1.5

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import { genCorrelationId as ge, resolveApiErrorCode as ce, getTranslation as g, errorCodeToTranslationKey as ue, ErrorCode as K, createMockGenerator as pe, OrigamiActionType as ee, noiseClick as me, gameContext as R, OrigamiElement as C, componentStyles as L, watch as se, DEFAULT_CURRENCY as q, formatMonetaryAmount as de, DEFAULT_LANGUAGE as W, getCurrencyIcon as fe, OrigamiGame as X, InvalidReason as ye, GameComponent as ie, HotkeyController as be, HotkeyHelper as te, waitForEvent as ve, formatAutobetSettings as we, getGameOutcome as Se, calculateGameLayoutStyle as _e, isEndAction as $e } from "@betorigami/game-ui-shared";
-import { css as I, svg as Y, nothing as Z, html as l, LitElement as ke } from "lit";
-import { Wheel as De, WheelRiskLevel as u, WheelSegments as N, getWheelPattern as xe, getWheelSegmentMultipliers as Ee, describeWheelOutcomes as Ae, isWheelRiskLevel as re, isWheelSegments as ae, WHEEL_RISK_LEVELS as Ie, WHEEL_SEGMENT_OPTIONS as Me, getWheelMaxMultiplier as oe } from "@betorigami/game-wheel";
-import { cache as Pe } from "lit/directives/cache.js";
-import { property as n, customElement as k, query as J, state as v } from "lit/decorators.js";
+import { genCorrelationId as ge, REQUEST_TIMEOUT_MS as ce, resolveApiErrorCode as ue, getTranslation as g, errorCodeToTranslationKey as pe, ErrorCode as K, createMockGenerator as me, OrigamiActionType as ee, noiseClick as de, gameContext as N, OrigamiElement as C, componentStyles as L, watch as se, DEFAULT_CURRENCY as q, formatMonetaryAmount as fe, DEFAULT_LANGUAGE as W, getCurrencyIcon as ye, OrigamiGame as X, InvalidReason as be, GameComponent as ie, HotkeyController as ve, HotkeyHelper as te, waitForEvent as we, formatAutobetSettings as Se, getGameOutcome as _e, calculateGameLayoutStyle as $e, isEndAction as ke } from "@betorigami/game-ui-shared";
+import { css as I, svg as Y, nothing as Z, html as l, LitElement as De } from "lit";
+import { Wheel as xe, WheelRiskLevel as u, WheelSegments as R, getWheelPattern as Ee, getWheelSegmentMultipliers as Ae, describeWheelOutcomes as Ie, isWheelRiskLevel as re, isWheelSegments as ae, WHEEL_RISK_LEVELS as Me, WHEEL_SEGMENT_OPTIONS as Pe, getWheelMaxMultiplier as oe } from "@betorigami/game-wheel";
+import { cache as Oe } from "lit/directives/cache.js";
+import { property as n, customElement as k, query as Q, state as v } from "lit/decorators.js";
 import f from "big.js";
-import { sumPayout as Oe } from "@betorigami/game-engine";
+import { sumPayout as Ce } from "@betorigami/game-engine";
 import { consume as U } from "@lit/context";
-import { styleMap as Ce } from "lit/directives/style-map.js";
-const Te = {
+import { styleMap as Te } from "lit/directives/style-map.js";
+const Be = {
   overview: {
     translation: {
       key: "gameInfo.wheel.overview",
@@ -107,7 +107,7 @@ class G {
     return 1 + a % o;
   }
 }
-class Be {
+class We {
   constructor(e, i) {
     this.authToken = e, this.baseUrl = i + "/games/wheel";
   }
@@ -115,6 +115,7 @@ class Be {
     try {
       const i = await fetch(`${this.baseUrl}/play`, {
         method: "POST",
+        signal: AbortSignal.timeout(ce),
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.authToken}`,
@@ -131,10 +132,10 @@ class Be {
       }), r = await i.json();
       if (i.ok && r.id)
         return { success: !0, data: r };
-      const s = ce(r);
+      const s = ue(r);
       return {
         success: !1,
-        error: g(ue(s), e.language),
+        error: g(pe(s), e.language),
         errorCode: s
       };
     } catch {
@@ -146,16 +147,16 @@ class Be {
     }
   }
 }
-class We {
+class Le {
   constructor(e) {
     this.edge = e;
   }
   async startBet(e) {
-    const { amount: i, riskLevel: r, segments: s } = e, a = { riskLevel: r, segments: s, betAmount: f(i) }, o = new De().getGameResult({
-      generator: pe(),
+    const { amount: i, riskLevel: r, segments: s } = e, a = { riskLevel: r, segments: s, betAmount: f(i) }, o = new xe().getGameResult({
+      generator: me(),
       edge: this.edge,
       gameInputs: a
-    }), d = Oe(o.payout).toString();
+    }), d = Ce(o.payout).toString();
     return { success: !0, data: {
       id: crypto.randomUUID(),
       tenantId: "origami-casino",
@@ -187,7 +188,7 @@ class We {
     } };
   }
 }
-const Le = I`
+const Re = I`
   :host {
     width: 100%;
     height: 100%;
@@ -323,17 +324,17 @@ const Le = I`
   RED: "var(--wheel-color-red)",
   BLUE: "var(--wheel-color-blue)",
   PURPLE: "var(--wheel-color-purple)"
-}, Re = {
+}, Ue = {
   ZERO: B.BLACK,
   A: B.GREEN,
   B: B.YELLOW,
   C: B.BLUE,
   D: B.RED,
   E: B.PURPLE
-}, ne = (t) => Re[t], V = 9, Ue = 0.08, je = 0.8, Fe = 1e4, He = () => ({
-  layers: [me(2800, { duration: 15e-4, decay: 8, gain: 0.6 })],
+}, ne = (t) => Ue[t], V = 9, je = 0.08, Fe = 0.8, He = 1e4, Ke = () => ({
+  layers: [de(2800, { duration: 15e-4, decay: 8, gain: 0.6 })],
   gainScale: 1
-}), Ke = I`
+}), Ge = I`
   :host {
     --wheel-color-black: #1a1a1a;
     --wheel-color-green: #00d084;
@@ -354,17 +355,17 @@ const Le = I`
     }
   }
 `;
-var Ge = Object.defineProperty, qe = Object.getOwnPropertyDescriptor, j = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? qe(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var qe = Object.defineProperty, Ve = Object.getOwnPropertyDescriptor, j = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Ve(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && Ge(e, i, s), s;
+  return r && s && qe(e, i, s), s;
 };
 let P = class extends C {
   constructor() {
-    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.highlightedSegments = [];
+    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.highlightedSegments = [];
   }
   generateWheelPaths() {
-    const t = xe({ riskLevel: this.risk, segments: this.segments }), e = { cx: 285, cy: 285 }, i = 284.371, r = 2 * Math.PI / this.segments, s = [];
+    const t = Ee({ riskLevel: this.risk, segments: this.segments }), e = { cx: 285, cy: 285 }, i = 284.371, r = 2 * Math.PI / this.segments, s = [];
     for (let a = 0; a < this.segments; a++) {
       const o = ne(t[a]), _ = this.highlightedSegments.length > 0 && !this.highlightedSegments.includes(a) ? 0.25 : 1, E = a * r - Math.PI / 2, A = (a + 1) * r - Math.PI / 2, M = {
         x: e.cx + i * Math.cos(E),
@@ -403,7 +404,7 @@ let P = class extends C {
     `;
   }
 };
-P.styles = [Ke];
+P.styles = [Ge];
 j([
   n({ type: String })
 ], P.prototype, "risk", 2);
@@ -414,15 +415,15 @@ j([
   n({ type: Array })
 ], P.prototype, "highlightedSegments", 2);
 j([
-  U({ context: R, subscribe: !0 })
+  U({ context: N, subscribe: !0 })
 ], P.prototype, "gameData", 2);
 P = j([
   k("origami-wheel-svg")
 ], P);
-var Ve = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, c = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ye(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var Ye = Object.defineProperty, ze = Object.getOwnPropertyDescriptor, c = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ze(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && Ve(e, i, s), s;
+  return r && s && Ye(e, i, s), s;
 };
 let h = class extends C {
   constructor() {
@@ -443,7 +444,7 @@ let h = class extends C {
       this._angle = this.targetAngle, this._updateTransform(), this._stopLoop(), this.emit("wheel-spin-complete");
       return;
     }
-    const t = this._isInstantBet ? je : Ue;
+    const t = this._isInstantBet ? Fe : je;
     this._decelerationOffsets = G.generateDecelerationOffsets(V, t);
     const e = this._decelerationOffsets[this._decelerationOffsets.length - 1];
     this._decelerationStartAngle = G.calculateDecelerationStartAngle(this._angle, this.targetAngle, e), this._currentDecelerationFrame = 0;
@@ -467,7 +468,7 @@ let h = class extends C {
         this._angle += V;
       this._updateTransform();
       const r = 360 / this.segments;
-      Math.floor(this._angle / r) - Math.floor(e / r) > 0 && this.gameData?.soundEffects?.play(He()), this._rafId = requestAnimationFrame(t);
+      Math.floor(this._angle / r) - Math.floor(e / r) > 0 && this.gameData?.soundEffects?.play(Ke()), this._rafId = requestAnimationFrame(t);
     };
     this._rafId === null && (this._rafId = requestAnimationFrame(t));
   }
@@ -546,10 +547,10 @@ c([
   n({ type: Array })
 ], h.prototype, "hoveredSegments", 2);
 c([
-  U({ context: R, subscribe: !0 })
+  U({ context: N, subscribe: !0 })
 ], h.prototype, "gameData", 2);
 c([
-  J(".wheel-svg")
+  Q(".wheel-svg")
 ], h.prototype, "_wheelEl", 2);
 c([
   se("targetAngle")
@@ -560,7 +561,7 @@ c([
 h = c([
   k("origami-wheel-animator")
 ], h);
-const ze = I`
+const Xe = I`
   :host {
     display: flex;
     flex-direction: column;
@@ -695,14 +696,14 @@ const ze = I`
     cursor: help;
   }
 `;
-var Xe = Object.defineProperty, Ze = Object.getOwnPropertyDescriptor, T = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Ze(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var Ze = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, T = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? Qe(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && Xe(e, i, s), s;
+  return r && s && Ze(e, i, s), s;
 };
 let $ = class extends C {
   constructor() {
-    super(...arguments), this.isDesktop = !1, this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
+    super(...arguments), this.isDesktop = !1, this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
   }
   get edge() {
     return this.gameData?.edge ?? 1;
@@ -711,10 +712,10 @@ let $ = class extends C {
     return { riskLevel: this.risk, segments: this.segments };
   }
   get segmentMultipliers() {
-    return Ee(this.selection, this.edge);
+    return Ae(this.selection, this.edge);
   }
   get tiles() {
-    return Ae(this.selection, this.edge).outcomes;
+    return Ie(this.selection, this.edge).outcomes;
   }
   getActiveTileIndexFromSegment() {
     if (this.resultSegment === null) return null;
@@ -741,7 +742,7 @@ let $ = class extends C {
   }
   formatProfit(t) {
     const e = f(this.gameData?.betAmount ?? 0).times(t.minus(1)), i = e.lt(0) ? f(0) : e, r = this.gameData?.currency ?? q;
-    return de(i.toNumber(), r, { includeSymbol: !1 });
+    return fe(i.toNumber(), r, { includeSymbol: !1 });
   }
   formatChance(t, e) {
     return `${t}/${e}`;
@@ -763,7 +764,7 @@ let $ = class extends C {
                     .offset=${6}
                     inline
                   >
-                    <span class="info-icon">${fe(this.gameData?.currency ?? q)}</span>
+                    <span class="info-icon">${ye(this.gameData?.currency ?? q)}</span>
                   </origami-tooltip>
                 </div>
 
@@ -782,20 +783,20 @@ let $ = class extends C {
 
         <div class="tiles" role="list" style="--grid-columns: ${e}" @mouseleave=${() => this.handleTileMouseLeave()}>
           ${t.map(({ slot: _, multiplier: E }, A) => {
-      const M = `${E.toString()}X`, H = ne(_), Q = this.hoveredTileIndex === A;
+      const M = `${E.toString()}X`, H = ne(_), J = this.hoveredTileIndex === A;
       return l`
               <div 
                 class="tile" 
                 role="listitem"
-                hovered=${Q}
-                active=${!Q && A === r}
+                hovered=${J}
+                active=${!J && A === r}
                 @mouseenter=${() => this.handleTileMouseEnter(A)}
               >
                 <div class="tile-content">
                   <span class="tile-label">${M}</span>
                   <span 
                     class="dot" 
-                    style=${Ce({ backgroundColor: H })}
+                    style=${Te({ backgroundColor: H })}
                     aria-hidden="true"
                   ></span>
                 </div>
@@ -807,7 +808,7 @@ let $ = class extends C {
     `;
   }
 };
-$.styles = [L, ze];
+$.styles = [L, Xe];
 T([
   n({ type: Boolean, attribute: "data-is-desktop" })
 ], $.prototype, "isDesktop", 2);
@@ -824,13 +825,13 @@ T([
   v()
 ], $.prototype, "hoveredTileIndex", 2);
 T([
-  U({ context: R, subscribe: !0 })
+  U({ context: N, subscribe: !0 })
 ], $.prototype, "gameData", 2);
 $ = T([
   k("origami-wheel-content-bottom")
 ], $);
-var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Qe(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var Je = Object.defineProperty, et = Object.getOwnPropertyDescriptor, D = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? et(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
   return r && s && Je(e, i, s), s;
 };
@@ -871,7 +872,7 @@ let y = class extends C {
     `;
   }
 };
-y.styles = [L, Le];
+y.styles = [L, Re];
 D([
   n({ type: Boolean })
 ], y.prototype, "isDesktop", 2);
@@ -929,7 +930,7 @@ const le = I`
   .grid-full-width {
     grid-column: span 2;
   }
-`, et = I`
+`, tt = I`
   :host {
     display: contents;
   }
@@ -938,19 +939,19 @@ const le = I`
     grid-column: span 2;
   }
 `;
-var tt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, F = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? st(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var st = Object.defineProperty, it = Object.getOwnPropertyDescriptor, F = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? it(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && tt(e, i, s), s;
+  return r && s && st(e, i, s), s;
 };
-const it = {
+const rt = {
   [u.LOW_RISK]: "common.low",
   [u.MEDIUM_RISK]: "common.medium",
   [u.HIGH_RISK]: "common.high"
 };
 let O = class extends C {
   constructor() {
-    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.disabled = !1;
+    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.disabled = !1;
   }
   handleRiskChange(t) {
     const { value: e } = t.detail;
@@ -966,7 +967,7 @@ let O = class extends C {
       <origami-select
         class="grid-full-width"
         label=${g("common.risk", t)}
-        .options=${Ie.map((e) => ({ value: e, label: g(it[e], t) }))}
+        .options=${Me.map((e) => ({ value: e, label: g(rt[e], t) }))}
         .value=${this.risk}
         @select-change=${this.handleRiskChange}
         ?disabled=${this.disabled}
@@ -975,7 +976,7 @@ let O = class extends C {
       <origami-select
         class="grid-full-width"
         label=${g("games.wheel.segments", t)}
-        .options=${Me.map((e) => ({ value: e.toString(), label: e.toString() }))}
+        .options=${Pe.map((e) => ({ value: e.toString(), label: e.toString() }))}
         .value=${this.segments.toString()}
         @select-change=${this.handleSegmentsChange}
         ?disabled=${this.disabled}
@@ -983,7 +984,7 @@ let O = class extends C {
     `;
   }
 };
-O.styles = [L, et];
+O.styles = [L, tt];
 F([
   n({ type: String })
 ], O.prototype, "risk", 2);
@@ -994,19 +995,19 @@ F([
   n({ type: Boolean })
 ], O.prototype, "disabled", 2);
 F([
-  U({ context: R, subscribe: !0 })
+  U({ context: N, subscribe: !0 })
 ], O.prototype, "gameData", 2);
 O = F([
   k("origami-wheel-selectors")
 ], O);
-var rt = Object.defineProperty, at = Object.getOwnPropertyDescriptor, w = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? at(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var at = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, w = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ot(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && rt(e, i, s), s;
+  return r && s && at(e, i, s), s;
 };
 let p = class extends C {
   constructor() {
-    super(...arguments), this.isPlaying = !1, this.betDisabled = !1, this.inputsDisabled = !1, this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.betMaxMultiplier = f(1), this.isBetAmountValid = !0, this._betAboveBalance = !1;
+    super(...arguments), this.isPlaying = !1, this.betDisabled = !1, this.inputsDisabled = !1, this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.betMaxMultiplier = f(1), this.isBetAmountValid = !0, this._betAboveBalance = !1;
   }
   render() {
     const t = this.gameData?.language || "en";
@@ -1019,7 +1020,7 @@ let p = class extends C {
       this.isBetAmountValid = e.detail.isValid;
     }}
         @bet-amount-input-error-change=${(e) => {
-      this._betAboveBalance = e.detail.invalidReason === ye.BET_AMOUNT_ABOVE_BALANCE;
+      this._betAboveBalance = e.detail.invalidReason === be.BET_AMOUNT_ABOVE_BALANCE;
     }}
       ></origami-bet-amount-input>
 
@@ -1061,7 +1062,7 @@ w([
   n({ attribute: !1 })
 ], p.prototype, "betMaxMultiplier", 2);
 w([
-  U({ context: R, subscribe: !0 })
+  U({ context: N, subscribe: !0 })
 ], p.prototype, "gameData", 2);
 w([
   v()
@@ -1072,14 +1073,14 @@ w([
 p = w([
   k("origami-wheel-manual")
 ], p);
-var ot = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, x = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? nt(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var nt = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, x = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? lt(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && ot(e, i, s), s;
+  return r && s && nt(e, i, s), s;
 };
 let b = class extends C {
   constructor() {
-    super(...arguments), this.inputsDisabled = !1, this.autobetStopping = !1, this.autobetInProgress = !1, this.betDisabled = !1, this.isDesktop = !1, this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.betMaxMultiplier = f(1);
+    super(...arguments), this.inputsDisabled = !1, this.autobetStopping = !1, this.autobetInProgress = !1, this.betDisabled = !1, this.isDesktop = !1, this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.betMaxMultiplier = f(1);
   }
   render() {
     return l`
@@ -1128,7 +1129,7 @@ x([
 b = x([
   k("origami-wheel-auto")
 ], b);
-const lt = I`
+const ht = I`
   :host {
     height: 100%;
   }
@@ -1137,14 +1138,14 @@ const lt = I`
     display: block;
   }
 `;
-var ht = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, S = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? gt(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var gt = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, S = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ct(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
-  return r && s && ht(e, i, s), s;
+  return r && s && gt(e, i, s), s;
 };
 let m = class extends ie {
   constructor() {
-    super(), this.isManualPlaying = !1, this.history = [], this.wheelRisk = u.MEDIUM_RISK, this.numberOfSegments = 10, this.targetAngle = null, this.resultSegment = null, this.isWheelSpinning = !1, new be(this, [
+    super(), this.isManualPlaying = !1, this.history = [], this.wheelRisk = u.MEDIUM_RISK, this.numberOfSegments = 10, this.targetAngle = null, this.resultSegment = null, this.isWheelSpinning = !1, new ve(this, [
       {
         key: " ",
         callback: () => te.clickBetButton(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl),
@@ -1163,7 +1164,7 @@ let m = class extends ie {
     this.numberOfSegments = t.detail.value, this.resultSegment = null;
   }
   get wheelApi() {
-    return this.isDemoMode ? new We(this.gameData.edge) : new Be(this.gameData.authToken, this.gameData.baseUrl);
+    return this.isDemoMode ? new Le(this.gameData.edge) : new We(this.gameData.authToken, this.gameData.baseUrl);
   }
   get isToggleDisabled() {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
@@ -1172,7 +1173,7 @@ let m = class extends ie {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
   }
   wheelSpinCompletedPromise() {
-    return ve(this, "wheel-spin-complete", void 0, Fe, !0);
+    return we(this, "wheel-spin-complete", void 0, He, !0);
   }
   async handleBetExecution(t, e) {
     if (this.resetForNextBet(() => {
@@ -1195,7 +1196,7 @@ let m = class extends ie {
           language: this.gameData.language,
           riskLevel: this.wheelRisk,
           segments: this.numberOfSegments,
-          meta: e ? we(e) : void 0
+          meta: e ? Se(e) : void 0
         })
       );
       if (s.success) {
@@ -1234,11 +1235,11 @@ let m = class extends ie {
         errorCode: i.errorCode ?? K.UNKNOWN,
         errorMessage: i.error || g("alerts.errorProcessingBet", this.gameData?.language || W)
       };
-    const r = i.data, s = f(r.payout ?? 0).minus(r.amount ?? 0), a = Number(r.multiplier), o = Se(a);
+    const r = i.data, s = f(r.payout ?? 0).minus(r.amount ?? 0), a = Number(r.multiplier), o = _e(a);
     return await this.holdResultDisplay(), { pnl: s, gameOutcome: o, hasError: !1 };
   }
   render() {
-    const t = this.gameData?.mainWidth >= 768, e = oe(this.gameData.edge, { riskLevel: this.wheelRisk, segments: this.numberOfSegments }), i = !1, r = _e(this.gameData);
+    const t = this.gameData?.mainWidth >= 768, e = oe(this.gameData.edge, { riskLevel: this.wheelRisk, segments: this.numberOfSegments }), i = !1, r = $e(this.gameData);
     return l`
       <origami-game-layout style=${r} .gameType=${X.WHEEL} data-is-desktop=${t}>
         <origami-game-sidebar
@@ -1250,7 +1251,7 @@ let m = class extends ie {
           @wheel-risk-change=${this.handleWheelRiskChange}
           @wheel-segments-change=${this.handleWheelSegmentsChange}
         >
-          ${Pe(
+          ${Oe(
       this.manualOrAuto === "Manual" ? l`<origami-wheel-manual
                   slot="controls"
                   data-is-desktop=${t}
@@ -1303,7 +1304,7 @@ let m = class extends ie {
     `;
   }
 };
-m.styles = [...ie.styles, lt];
+m.styles = [...ie.styles, ht];
 S([
   v()
 ], m.prototype, "isManualPlaying", 2);
@@ -1326,20 +1327,20 @@ S([
   v()
 ], m.prototype, "isWheelSpinning", 2);
 S([
-  J("origami-wheel-manual")
+  Q("origami-wheel-manual")
 ], m.prototype, "_wheelManualEl", 2);
 S([
-  J("origami-wheel-auto")
+  Q("origami-wheel-auto")
 ], m.prototype, "_wheelAutoEl", 2);
 m = S([
   k("origami-wheel-game")
 ], m);
-var ct = Object.getOwnPropertyDescriptor, ut = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? ct(e, i) : e, a = t.length - 1, o; a >= 0; a--)
+var ut = Object.getOwnPropertyDescriptor, pt = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ut(e, i) : e, a = t.length - 1, o; a >= 0; a--)
     (o = t[a]) && (s = o(s) || s);
   return s;
 };
-let z = class extends ke {
+let z = class extends De {
   render() {
     return l`<slot></slot>`;
   }
@@ -1365,17 +1366,17 @@ z.styles = I`
       }
     }
   `;
-z = ut([
+z = pt([
   k("origami-wheel-outcome")
 ], z);
-const pt = (t) => typeof t == "object" && t !== null && "risk" in t && re(t.risk) && "segments" in t && ae(t.segments) && "resultSegment" in t && typeof t.resultSegment == "number" && "betId" in t && typeof t.betId == "string", he = (t) => {
+const mt = (t) => typeof t == "object" && t !== null && "risk" in t && re(t.risk) && "segments" in t && ae(t.segments) && "resultSegment" in t && typeof t.resultSegment == "number" && "betId" in t && typeof t.betId == "string", he = (t) => {
   const e = t?.WHEEL;
   return e !== void 0 && "segments" in e ? e : void 0;
-}, mt = (t) => {
+}, dt = (t) => {
   const e = he(t.betActions[0]?.data), i = t.betActions[t.betActions.length - 1]?.data.WHEEL;
-  return e === void 0 || i === void 0 || !$e(i) ? { risk: u.MEDIUM_RISK, segments: N.TEN, resultSegment: 0, betId: t.id || "123" } : { risk: e.riskLevel, segments: e.segments, resultSegment: i.result[0] ?? 0, betId: t.id };
-}, dt = (t, { enableAnimation: e, inBetResultModal: i, language: r }) => {
-  if (!pt(t))
+  return e === void 0 || i === void 0 || !ke(i) ? { risk: u.MEDIUM_RISK, segments: R.TEN, resultSegment: 0, betId: t.id || "123" } : { risk: e.riskLevel, segments: e.segments, resultSegment: i.result[0] ?? 0, betId: t.id };
+}, ft = (t, { enableAnimation: e, inBetResultModal: i, language: r }) => {
+  if (!mt(t))
     return l`<p>${g("errors.noWheelData", r)}</p>`;
   const s = G.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
   return l`
@@ -1393,20 +1394,20 @@ const pt = (t) => typeof t == "object" && t !== null && "risk" in t && re(t.risk
       ></origami-wheel-animator>
     </origami-wheel-outcome>
   `;
-}, ft = (t) => {
+}, yt = (t) => {
   const e = he(t);
   return e === void 0 ? {} : { segments: e.segments, riskLevel: e.riskLevel };
-}, yt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), At = {
+}, bt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), It = {
   id: X.WHEEL,
   renderGame: () => l`<origami-wheel-game></origami-wheel-game>`,
-  gameInfo: Te,
+  gameInfo: Be,
   maxMultiplier: (t) => oe(t).toNumber(),
-  verifierInputs: ft,
-  verifierQuery: yt,
-  extractOutcome: mt,
-  renderOutcome: dt
+  verifierInputs: yt,
+  verifierQuery: bt,
+  extractOutcome: dt,
+  renderOutcome: ft
 };
 export {
   m as WheelGame,
-  At as wheelUiModule
+  It as wheelUiModule
 };