@betorigami/game-ui-wheel 1.1.11 → 1.1.12

package/dist/WheelGame.d.ts

@@ -1,6 +1,4 @@
 import { AutobetSettingsWithId, GameBetResult, GameComponent } from '@betorigami/game-ui-shared';
-import { WheelApi } from './wheel.api';
-import { MockWheelApi } from './wheel.mock.api';
 export declare class WheelGame extends GameComponent {
     private readonly limits;
     private readonly layout;
@@ -17,7 +15,7 @@ export declare class WheelGame extends GameComponent {
     constructor();
     private handleWheelRiskChange;
     private handleWheelSegmentsChange;
-    get wheelApi(): WheelApi | MockWheelApi;
+    private readonly getWheelApi;
     get isToggleDisabled(): boolean;
     get areInputsDisabled(): boolean;
     private wheelSpinCompletedPromise;

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { ProviderApi as ge, resolveApiErrorCode as ue, getTranslation as g, errorCodeToTranslationKey as me, ErrorCode as U, createMockGenerator as pe, OrigamiActionType as J, desktopContainerQuery as F, noiseClick as de, OrigamiElement as O, componentStyles as T, watch as te, RequiredContext as f, servicesContext as fe, skinContext as ye, preferencesContext as ve, mobileContainerQuery as be, localeContext as Y, limitsContext as se, layoutContext as ie, walletContext as we, calculateProfitOnWin as Se, formatMonetaryAmount as _e, getCurrencyIcon as $e, OrigamiGame as z, InvalidReason as xe, GameComponent as re, HotkeyController as ke, HotkeyHelper as ee, waitForEvent as Ee, formatAutobetSettings as Ae, getGameOutcome as Ie, calculateGameLayoutStyle as Me, isEndAction as Pe } from "@betorigami/game-ui-shared";
-import { css as A, svg as q, nothing as Q, html as a, LitElement as De } from "lit";
-import { Wheel as Oe, WheelRiskLevel as u, WheelSegments as L, getWheelPattern as Ce, getWheelSegmentMultipliers as Be, describeWheelOutcomes as We, isWheelRiskLevel as ne, isWheelSegments as le, WHEEL_RISK_LEVELS as Te, WHEEL_SEGMENT_OPTIONS as Le, getWheelMaxMultiplier as oe } from "@betorigami/game-wheel";
-import { cache as Re } from "lit/directives/cache.js";
+import { ProviderApi as ge, resolveApiErrorCode as ue, getTranslation as g, errorCodeToTranslationKey as pe, ErrorCode as U, createMockGenerator as me, OrigamiActionType as J, desktopContainerQuery as H, noiseClick as de, OrigamiElement as O, componentStyles as T, watch as te, RequiredContext as f, servicesContext as fe, skinContext as ye, preferencesContext as ve, mobileContainerQuery as be, localeContext as Y, limitsContext as se, layoutContext as ie, walletContext as we, calculateProfitOnWin as Se, formatMonetaryAmount as _e, getCurrencyIcon as $e, OrigamiGame as z, InvalidReason as xe, GameComponent as re, createApiFactory as ke, HotkeyController as Ee, HotkeyHelper as ee, waitForEvent as Ae, formatAutobetSettings as Ie, getGameOutcome as Me, calculateGameLayoutStyle as Pe, isEndAction as De } from "@betorigami/game-ui-shared";
+import { css as A, svg as q, nothing as Q, html as a, LitElement as Oe } from "lit";
+import { Wheel as Ce, WheelRiskLevel as u, WheelSegments as L, getWheelPattern as Be, getWheelSegmentMultipliers as We, describeWheelOutcomes as Te, isWheelRiskLevel as ne, isWheelSegments as le, WHEEL_RISK_LEVELS as Le, WHEEL_SEGMENT_OPTIONS as Re, getWheelMaxMultiplier as oe } from "@betorigami/game-wheel";
+import { cache as Ne } from "lit/directives/cache.js";
 import { property as o, customElement as $, query as Z, state as v } from "lit/decorators.js";
 import c from "big.js";
-import { sumPayout as Ne } from "@betorigami/game-engine";
-import { styleMap as Ue } from "lit/directives/style-map.js";
+import { sumPayout as Ue } from "@betorigami/game-engine";
+import { styleMap as Fe } from "lit/directives/style-map.js";
 const He = {
   overview: {
     translation: {
@@ -47,7 +47,7 @@ const He = {
     }
   }
 };
-class H {
+class F {
   /**
    * Calculate exact target angle for a segment with pseudorandom position
    * @param segmentIndex - Index of winning segment (0-based)
@@ -106,7 +106,7 @@ class H {
     return 1 + n % l;
   }
 }
-class Fe {
+class je {
   constructor(e) {
     this.client = e;
   }
@@ -128,7 +128,7 @@ class Fe {
       const s = ue(r);
       return {
         success: !1,
-        error: g(me(s), e.language),
+        error: g(pe(s), e.language),
         errorCode: s
       };
     } catch {
@@ -140,16 +140,16 @@ class Fe {
     }
   }
 }
-class je {
+class Ke {
   constructor(e) {
-    this.edge = e;
+    this.getEdge = e;
   }
   async startBet(e) {
-    const { amount: i, riskLevel: r, segments: s } = e, n = { riskLevel: r, segments: s, betAmount: c(i) }, l = new Oe().getGameResult({
-      generator: pe(),
-      edge: this.edge,
+    const { amount: i, riskLevel: r, segments: s } = e, n = { riskLevel: r, segments: s, betAmount: c(i) }, l = new Ce().getGameResult({
+      generator: me(),
+      edge: this.getEdge(),
       gameInputs: n
-    }), d = Ne(l.payout).toString();
+    }), d = Ue(l.payout).toString();
     return { success: !0, data: {
       id: crypto.randomUUID(),
       tenantId: "origami-casino",
@@ -181,7 +181,7 @@ class je {
     } };
   }
 }
-const Ke = A`
+const Ge = A`
   :host {
     width: 100%;
     height: 100%;
@@ -200,7 +200,7 @@ const Ke = A`
     display: none;
   }
 
-  ${F} {
+  ${H} {
     :host {
       grid-template-rows: auto 1fr auto;
       padding-bottom: 0;
@@ -210,7 +210,7 @@ const Ke = A`
       }
     }
   }
-`, Ge = A`
+`, qe = A`
   :host {
     width: 100%;
     height: 100%;
@@ -270,7 +270,7 @@ const Ke = A`
     display: none;
   }
 
-  ${F} {
+  ${H} {
     .wheel-box {
       aspect-ratio: 1 / 1;
       height: auto;
@@ -319,17 +319,17 @@ const Ke = A`
   RED: "var(--wheel-color-red)",
   BLUE: "var(--wheel-color-blue)",
   PURPLE: "var(--wheel-color-purple)"
-}, qe = {
+}, Ve = {
   ZERO: C.BLACK,
   A: C.GREEN,
   B: C.YELLOW,
   C: C.BLUE,
   D: C.RED,
   E: C.PURPLE
-}, ae = (t) => qe[t], G = 9, Ve = 0.08, Ye = 0.8, ze = 1e4, Qe = () => ({
+}, ae = (t) => Ve[t], G = 9, Ye = 0.08, ze = 0.8, Qe = 1e4, Ze = () => ({
   layers: [de(2800, { duration: 15e-4, decay: 8, gain: 0.6 })],
   gainScale: 1
-}), Ze = A`
+}), Xe = A`
   :host {
     --wheel-color-black: #1a1a1a;
     --wheel-color-green: #00d084;
@@ -350,17 +350,17 @@ const Ke = A`
     }
   }
 `;
-var Xe = Object.defineProperty, Je = Object.getOwnPropertyDescriptor, j = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? Je(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var Je = Object.defineProperty, et = Object.getOwnPropertyDescriptor, j = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? et(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && Xe(e, i, s), s;
+  return r && s && Je(e, i, s), s;
 };
 let B = class extends O {
   constructor() {
     super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.highlightedSegments = [];
   }
   generateWheelPaths() {
-    const t = Ce({ riskLevel: this.risk, segments: this.segments }), e = { cx: 285, cy: 285 }, i = 284.371, r = 2 * Math.PI / this.segments, s = [];
+    const t = Be({ riskLevel: this.risk, segments: this.segments }), e = { cx: 285, cy: 285 }, i = 284.371, r = 2 * Math.PI / this.segments, s = [];
     for (let n = 0; n < this.segments; n++) {
       const l = ae(t[n]), _ = this.highlightedSegments.length > 0 && !this.highlightedSegments.includes(n) ? 0.25 : 1, k = n * r - Math.PI / 2, E = (n + 1) * r - Math.PI / 2, P = {
         x: e.cx + i * Math.cos(k),
@@ -399,7 +399,7 @@ let B = class extends O {
     `;
   }
 };
-B.styles = [Ze];
+B.styles = [Xe];
 j([
   o({ type: String })
 ], B.prototype, "risk", 2);
@@ -412,10 +412,10 @@ j([
 B = j([
   $("origami-wheel-svg")
 ], B);
-var et = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, p = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? tt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var tt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, m = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? st(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && et(e, i, s), s;
+  return r && s && tt(e, i, s), s;
 };
 let h = class extends O {
   constructor() {
@@ -436,10 +436,10 @@ let h = class extends O {
       this._angle = this.targetAngle, this._updateTransform(), this._stopLoop(), this.emit("wheel-spin-complete");
       return;
     }
-    const t = this._isInstantBet ? Ye : Ve;
-    this._decelerationOffsets = H.generateDecelerationOffsets(G, t);
+    const t = this._isInstantBet ? ze : Ye;
+    this._decelerationOffsets = F.generateDecelerationOffsets(G, t);
     const e = this._decelerationOffsets[this._decelerationOffsets.length - 1];
-    this._decelerationStartAngle = H.calculateDecelerationStartAngle(this._angle, this.targetAngle, e), this._currentDecelerationFrame = 0;
+    this._decelerationStartAngle = F.calculateDecelerationStartAngle(this._angle, this.targetAngle, e), this._currentDecelerationFrame = 0;
   }
   handleIsPlayingChange() {
     this.isPlaying && this._rafId === null && !this._isInstantBet ? this._startLoop() : !this.isPlaying && this._rafId !== null && this._stopLoop();
@@ -460,7 +460,7 @@ let h = class extends O {
         this._angle += G;
       this._updateTransform();
       const r = 360 / this.segments;
-      Math.floor(this._angle / r) - Math.floor(e / r) > 0 && this.services.value.soundEffects.play(Qe()), this._rafId = requestAnimationFrame(t);
+      Math.floor(this._angle / r) - Math.floor(e / r) > 0 && this.services.value.soundEffects.play(Ze()), this._rafId = requestAnimationFrame(t);
     };
     this._rafId === null && (this._rafId = requestAnimationFrame(t));
   }
@@ -513,44 +513,44 @@ let h = class extends O {
     `;
   }
 };
-h.styles = [T, Ge];
-p([
+h.styles = [T, qe];
+m([
   o({ type: Boolean })
 ], h.prototype, "isPlaying", 2);
-p([
+m([
   o({ type: Boolean })
 ], h.prototype, "staticDisplay", 2);
-p([
+m([
   o({ type: Boolean })
 ], h.prototype, "ignoreInstantBet", 2);
-p([
+m([
   o({ type: String })
 ], h.prototype, "risk", 2);
-p([
+m([
   o({ type: Number })
 ], h.prototype, "segments", 2);
-p([
+m([
   o({ type: Number })
 ], h.prototype, "targetAngle", 2);
-p([
+m([
   o({ type: Number })
 ], h.prototype, "resultSegment", 2);
-p([
+m([
   o({ type: Array })
 ], h.prototype, "hoveredSegments", 2);
-p([
+m([
   Z(".wheel-svg")
 ], h.prototype, "_wheelEl", 2);
-p([
+m([
   te("targetAngle")
 ], h.prototype, "handleTargetAngleChange", 1);
-p([
+m([
   te("isPlaying")
 ], h.prototype, "handleIsPlayingChange", 1);
-h = p([
+h = m([
   $("origami-wheel-animator")
 ], h);
-const st = A`
+const it = A`
   :host {
     display: flex;
     flex-direction: column;
@@ -687,10 +687,10 @@ const st = A`
     }
   }
 `;
-var it = Object.defineProperty, rt = Object.getOwnPropertyDescriptor, R = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? rt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var rt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, R = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? nt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && it(e, i, s), s;
+  return r && s && rt(e, i, s), s;
 };
 let D = class extends O {
   constructor() {
@@ -703,10 +703,10 @@ let D = class extends O {
     return { riskLevel: this.risk, segments: this.segments };
   }
   get segmentMultipliers() {
-    return Be(this.selection, this.edge);
+    return We(this.selection, this.edge);
   }
   get tiles() {
-    return We(this.selection, this.edge).outcomes;
+    return Te(this.selection, this.edge).outcomes;
   }
   getActiveTileIndexFromSegment() {
     if (this.resultSegment === null) return null;
@@ -787,7 +787,7 @@ let D = class extends O {
                   <span class="tile-label">${P}</span>
                   <span 
                     class="dot" 
-                    style=${Ue({ backgroundColor: N })}
+                    style=${Fe({ backgroundColor: N })}
                     aria-hidden="true"
                   ></span>
                 </div>
@@ -799,7 +799,7 @@ let D = class extends O {
     `;
   }
 };
-D.styles = [T, st];
+D.styles = [T, it];
 R([
   o({ type: String })
 ], D.prototype, "risk", 2);
@@ -815,10 +815,10 @@ R([
 D = R([
   $("origami-wheel-content-bottom")
 ], D);
-var nt = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, I = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? lt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var lt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, I = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ot(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && nt(e, i, s), s;
+  return r && s && lt(e, i, s), s;
 };
 let b = class extends O {
   constructor() {
@@ -854,7 +854,7 @@ let b = class extends O {
     `;
   }
 };
-b.styles = [T, Ke];
+b.styles = [T, Ge];
 I([
   o({ type: Boolean })
 ], b.prototype, "isPlaying", 2);
@@ -904,12 +904,12 @@ const he = A`
     grid-column: span 2;
   }
 
-  ${F} {
+  ${H} {
     :host .action-section {
       order: 0;
     }
   }
-`, ot = A`
+`, at = A`
   :host {
     display: contents;
   }
@@ -918,12 +918,12 @@ const he = A`
     grid-column: span 2;
   }
 `;
-var at = Object.defineProperty, ht = Object.getOwnPropertyDescriptor, K = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? ht(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var ht = Object.defineProperty, ct = Object.getOwnPropertyDescriptor, K = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? ct(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && at(e, i, s), s;
+  return r && s && ht(e, i, s), s;
 };
-const ct = {
+const gt = {
   [u.LOW_RISK]: "common.low",
   [u.MEDIUM_RISK]: "common.medium",
   [u.HIGH_RISK]: "common.high"
@@ -946,7 +946,7 @@ let W = class extends O {
       <origami-select
         class="grid-full-width"
         label=${g("common.risk", t)}
-        .options=${Te.map((e) => ({ value: e, label: g(ct[e], t) }))}
+        .options=${Le.map((e) => ({ value: e, label: g(gt[e], t) }))}
         .value=${this.risk}
         @select-change=${this.handleRiskChange}
         ?disabled=${this.disabled}
@@ -955,7 +955,7 @@ let W = class extends O {
       <origami-select
         class="grid-full-width"
         label=${g("games.wheel.segments", t)}
-        .options=${Le.map((e) => ({ value: e.toString(), label: e.toString() }))}
+        .options=${Re.map((e) => ({ value: e.toString(), label: e.toString() }))}
         .value=${this.segments.toString()}
         @select-change=${this.handleSegmentsChange}
         ?disabled=${this.disabled}
@@ -963,7 +963,7 @@ let W = class extends O {
     `;
   }
 };
-W.styles = [T, ot];
+W.styles = [T, at];
 K([
   o({ type: String })
 ], W.prototype, "risk", 2);
@@ -976,10 +976,10 @@ K([
 W = K([
   $("origami-wheel-selectors")
 ], W);
-var gt = Object.defineProperty, ut = Object.getOwnPropertyDescriptor, x = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? ut(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var ut = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, x = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? pt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && gt(e, i, s), s;
+  return r && s && ut(e, i, s), s;
 };
 let y = class extends O {
   constructor() {
@@ -1046,8 +1046,8 @@ x([
 y = x([
   $("origami-wheel-manual")
 ], y);
-var mt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, M = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? pt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var mt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, M = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? dt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
   return r && s && mt(e, i, s), s;
 };
@@ -1098,7 +1098,7 @@ M([
 w = M([
   $("origami-wheel-auto")
 ], w);
-const dt = A`
+const ft = A`
   :host {
     height: 100%;
   }
@@ -1107,14 +1107,18 @@ const dt = A`
     display: block;
   }
 `;
-var ft = Object.defineProperty, yt = Object.getOwnPropertyDescriptor, S = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? yt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+var yt = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, S = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? vt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && ft(e, i, s), s;
+  return r && s && yt(e, i, s), s;
 };
-let m = class extends re {
+let p = class extends re {
   constructor() {
-    super(), this.limits = new f(this, se), this.layout = new f(this, ie), this.isManualPlaying = !1, this.history = [], this.wheelRisk = u.MEDIUM_RISK, this.numberOfSegments = 10, this.targetAngle = null, this.resultSegment = null, this.isWheelSpinning = !1, new ke(this, [
+    super(), this.limits = new f(this, se), this.layout = new f(this, ie), this.isManualPlaying = !1, this.history = [], this.wheelRisk = u.MEDIUM_RISK, this.numberOfSegments = 10, this.targetAngle = null, this.resultSegment = null, this.isWheelSpinning = !1, this.getWheelApi = ke(
+      () => this.services.value.providerApi,
+      () => this.session.value.isDemoMode,
+      { createReal: (t) => new je(t), createMock: () => new Ke(() => this.limits.value.edge) }
+    ), new Ee(this, [
       {
         key: " ",
         callback: () => ee.clickBetButton(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl),
@@ -1132,9 +1136,6 @@ let m = class extends re {
   handleWheelSegmentsChange(t) {
     this.numberOfSegments = t.detail.value, this.resultSegment = null;
   }
-  get wheelApi() {
-    return this.session.value.isDemoMode ? new je(this.limits.value.edge) : new Fe(this.services.value.providerApi);
-  }
   get isToggleDisabled() {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
   }
@@ -1142,7 +1143,7 @@ let m = class extends re {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
   }
   wheelSpinCompletedPromise() {
-    return Ee(this, "wheel-spin-complete", void 0, ze, !0);
+    return Ae(this, "wheel-spin-complete", void 0, Qe, !0);
   }
   async handleBetExecution(t, e) {
     this.resetForNextBet(() => {
@@ -1156,19 +1157,19 @@ let m = class extends re {
       const r = !this.isInstantBet;
       r && (this.isWheelSpinning = !0);
       const s = await this.placeBet(
-        () => this.wheelApi.startBet({
+        () => this.getWheelApi().startBet({
           amount: t,
           language: this.locale.value.language,
           riskLevel: this.wheelRisk,
           segments: this.numberOfSegments,
-          meta: e ? Ae(e) : void 0
+          meta: e ? Ie(e) : void 0
         })
       );
       if (s.success) {
         const { data: n } = s, l = Number(n.multiplier ?? 0), { betActions: d } = n, _ = d[d.length - 1];
         if (_?.data?.WHEEL) {
           const { result: P } = _.data.WHEEL;
-          this.resultSegment = P[0] ?? 0, this.targetAngle = H.calculateTargetAngle(this.resultSegment, this.numberOfSegments, n.id);
+          this.resultSegment = P[0] ?? 0, this.targetAngle = F.calculateTargetAngle(this.resultSegment, this.numberOfSegments, n.id);
         }
         r && await this.wheelSpinCompletedPromise(), this.isWheelSpinning = !1;
         const k = c(l).gt(0);
@@ -1201,11 +1202,11 @@ let m = class extends re {
         errorCode: i.errorCode ?? U.UNKNOWN,
         errorMessage: i.error || g("alerts.errorProcessingBet", this.locale.value.language)
       };
-    const r = i.data, s = c(r.payout ?? 0).minus(r.amount ?? 0), n = Number(r.multiplier), l = Ie(n);
+    const r = i.data, s = c(r.payout ?? 0).minus(r.amount ?? 0), n = Number(r.multiplier), l = Me(n);
     return await this.holdResultDisplay(), { pnl: s, gameOutcome: l, hasError: !1, afterBalance: r.afterBalance ? c(r.afterBalance) : null };
   }
   render() {
-    const t = oe(this.limits.value.edge, { riskLevel: this.wheelRisk, segments: this.numberOfSegments }), e = !1, i = Me(this.layout.value);
+    const t = oe(this.limits.value.edge, { riskLevel: this.wheelRisk, segments: this.numberOfSegments }), e = !1, i = Pe(this.layout.value);
     return a`
       <origami-game-layout style=${i} .gameType=${z.WHEEL}>
         <origami-game-sidebar
@@ -1216,7 +1217,7 @@ let m = class extends re {
           @wheel-risk-change=${this.handleWheelRiskChange}
           @wheel-segments-change=${this.handleWheelSegmentsChange}
         >
-          ${Re(
+          ${Ne(
       this.manualOrAuto === "Manual" ? a`<origami-wheel-manual
                   slot="controls"
                   .inputsDisabled=${this.areInputsDisabled}
@@ -1263,43 +1264,43 @@ let m = class extends re {
     `;
   }
 };
-m.styles = [...re.styles, dt];
+p.styles = [...re.styles, ft];
 S([
   v()
-], m.prototype, "isManualPlaying", 2);
+], p.prototype, "isManualPlaying", 2);
 S([
   v()
-], m.prototype, "history", 2);
+], p.prototype, "history", 2);
 S([
   v()
-], m.prototype, "wheelRisk", 2);
+], p.prototype, "wheelRisk", 2);
 S([
   v()
-], m.prototype, "numberOfSegments", 2);
+], p.prototype, "numberOfSegments", 2);
 S([
   v()
-], m.prototype, "targetAngle", 2);
+], p.prototype, "targetAngle", 2);
 S([
   v()
-], m.prototype, "resultSegment", 2);
+], p.prototype, "resultSegment", 2);
 S([
   v()
-], m.prototype, "isWheelSpinning", 2);
+], p.prototype, "isWheelSpinning", 2);
 S([
   Z("origami-wheel-manual")
-], m.prototype, "_wheelManualEl", 2);
+], p.prototype, "_wheelManualEl", 2);
 S([
   Z("origami-wheel-auto")
-], m.prototype, "_wheelAutoEl", 2);
-m = S([
+], p.prototype, "_wheelAutoEl", 2);
+p = S([
   $("origami-wheel-game")
-], m);
-var vt = Object.getOwnPropertyDescriptor, bt = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? vt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+], p);
+var bt = Object.getOwnPropertyDescriptor, wt = (t, e, i, r) => {
+  for (var s = r > 1 ? void 0 : r ? bt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
     (l = t[n]) && (s = l(s) || s);
   return s;
 };
-let V = class extends De {
+let V = class extends Oe {
   render() {
     return a`<slot></slot>`;
   }
@@ -1319,25 +1320,25 @@ V.styles = A`
       box-sizing: border-box;
     }
 
-    ${F} {
+    ${H} {
       :host {
         height: 225px;
       }
     }
   `;
-V = bt([
+V = wt([
   $("origami-wheel-outcome")
 ], V);
-const wt = (t) => typeof t == "object" && t !== null && "risk" in t && ne(t.risk) && "segments" in t && le(t.segments) && "resultSegment" in t && typeof t.resultSegment == "number" && "betId" in t && typeof t.betId == "string", ce = (t) => {
+const St = (t) => typeof t == "object" && t !== null && "risk" in t && ne(t.risk) && "segments" in t && le(t.segments) && "resultSegment" in t && typeof t.resultSegment == "number" && "betId" in t && typeof t.betId == "string", ce = (t) => {
   const e = t?.WHEEL;
   return e !== void 0 && "segments" in e ? e : void 0;
-}, St = (t) => {
+}, _t = (t) => {
   const e = ce(t.betActions[0]?.data), i = t.betActions[t.betActions.length - 1]?.data.WHEEL;
-  return e === void 0 || i === void 0 || !Pe(i) ? { risk: u.MEDIUM_RISK, segments: L.TEN, resultSegment: 0, betId: t.id || "123" } : { risk: e.riskLevel, segments: e.segments, resultSegment: i.result[0] ?? 0, betId: t.id };
-}, _t = (t, { enableAnimation: e, inBetResultModal: i, language: r }) => {
-  if (!wt(t))
+  return e === void 0 || i === void 0 || !De(i) ? { risk: u.MEDIUM_RISK, segments: L.TEN, resultSegment: 0, betId: t.id || "123" } : { risk: e.riskLevel, segments: e.segments, resultSegment: i.result[0] ?? 0, betId: t.id };
+}, $t = (t, { enableAnimation: e, inBetResultModal: i, language: r }) => {
+  if (!St(t))
     return a`<p>${g("errors.noWheelData", r)}</p>`;
-  const s = H.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
+  const s = F.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
   return a`
     <origami-wheel-outcome>
       <origami-wheel-animator
@@ -1352,20 +1353,20 @@ const wt = (t) => typeof t == "object" && t !== null && "risk" in t && ne(t.risk
       ></origami-wheel-animator>
     </origami-wheel-outcome>
   `;
-}, $t = (t) => {
+}, xt = (t) => {
   const e = ce(t);
   return e === void 0 ? {} : { segments: e.segments, riskLevel: e.riskLevel };
-}, xt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), Bt = {
+}, kt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), Wt = {
   id: z.WHEEL,
   renderGame: () => a`<origami-wheel-game></origami-wheel-game>`,
   gameInfo: He,
   maxMultiplier: ({ edge: t }) => oe(t).toNumber(),
-  verifierInputs: $t,
-  verifierQuery: xt,
-  extractOutcome: St,
-  renderOutcome: _t
+  verifierInputs: xt,
+  verifierQuery: kt,
+  extractOutcome: _t,
+  renderOutcome: $t
 };
 export {
-  m as WheelGame,
-  Bt as wheelUiModule
+  p as WheelGame,
+  Wt as wheelUiModule
 };