@betorigami/game-ui-wheel 1.1.9 → 1.1.11

package/dist/index.mjs

@@ -1,11 +1,11 @@
-import { genCorrelationId as ce, REQUEST_TIMEOUT_MS as ue, resolveApiErrorCode as me, getTranslation as g, errorCodeToTranslationKey as pe, ErrorCode as U, createMockGenerator as de, OrigamiActionType as J, desktopContainerQuery as H, noiseClick as fe, OrigamiElement as D, componentStyles as W, watch as te, RequiredContext as f, servicesContext as ye, skinContext as be, preferencesContext as ve, mobileContainerQuery as we, localeContext as z, limitsContext as se, layoutContext as ie, walletContext as Se, calculateProfitOnWin as _e, formatMonetaryAmount as $e, getCurrencyIcon as xe, OrigamiGame as Y, InvalidReason as ke, GameComponent as re, HotkeyController as Ee, HotkeyHelper as ee, waitForEvent as Ie, formatAutobetSettings as Ae, getGameOutcome as Me, calculateGameLayoutStyle as Pe, isEndAction as Oe } from "@betorigami/game-ui-shared";
-import { css as I, svg as q, nothing as Q, html as a, LitElement as De } from "lit";
-import { Wheel as Ce, WheelRiskLevel as c, WheelSegments as L, getWheelPattern as Te, getWheelSegmentMultipliers as Be, describeWheelOutcomes as We, 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 X, state as b } from "lit/decorators.js";
-import d from "big.js";
-import { sumPayout as Ue } from "@betorigami/game-engine";
-import { styleMap as je } from "lit/directives/style-map.js";
+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 { 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";
 const He = {
   overview: {
     translation: {
@@ -47,7 +47,7 @@ const He = {
     }
   }
 };
-class j {
+class H {
   /**
    * Calculate exact target angle for a segment with pseudorandom position
    * @param segmentIndex - Index of winning segment (0-based)
@@ -74,10 +74,10 @@ class j {
     let n = 0, l = 0;
     for (; ; ) {
       l++;
-      const p = e * Math.exp(-i * l);
-      if (p < 0.01)
+      const d = e * Math.exp(-i * l);
+      if (d < 0.01)
         break;
-      n += p, s.push(n);
+      n += d, s.push(n);
     }
     return s;
   }
@@ -107,34 +107,28 @@ class j {
   }
 }
 class Fe {
-  constructor(e, i) {
-    this.authToken = e, this.baseUrl = i + "/games/wheel";
+  constructor(e) {
+    this.client = e;
   }
   async startBet(e) {
     try {
-      const i = await fetch(`${this.baseUrl}/play`, {
-        method: "POST",
-        signal: AbortSignal.timeout(ue),
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${this.authToken}`,
-          "X-Origami-Trace": ce()
-        },
-        body: JSON.stringify({
+      const { data: i, error: r } = await ge.postGamesWheelPlay({
+        client: this.client,
+        body: {
           amount: e.amount,
           gameInputs: {
             riskLevel: e.riskLevel,
             segments: e.segments
           },
           meta: e.meta
-        })
-      }), r = await i.json();
-      if (i.ok && r.id)
-        return { success: !0, data: r };
-      const s = me(r);
+        }
+      });
+      if (i)
+        return { success: !0, data: i };
+      const s = ue(r);
       return {
         success: !1,
-        error: g(pe(s), e.language),
+        error: g(me(s), e.language),
         errorCode: s
       };
     } catch {
@@ -146,16 +140,16 @@ class Fe {
     }
   }
 }
-class Ke {
+class je {
   constructor(e) {
     this.edge = e;
   }
   async startBet(e) {
-    const { amount: i, riskLevel: r, segments: s } = e, n = { riskLevel: r, segments: s, betAmount: d(i) }, l = new Ce().getGameResult({
-      generator: de(),
+    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,
       gameInputs: n
-    }), p = Ue(l.payout).toString();
+    }), d = Ne(l.payout).toString();
     return { success: !0, data: {
       id: crypto.randomUUID(),
       tenantId: "origami-casino",
@@ -163,7 +157,7 @@ class Ke {
       tenantUserId: "mock-user",
       gameId: "wheel",
       amount: i,
-      payout: p,
+      payout: d,
       afterBalance: "1000",
       multiplier: l.payoutMultiplier.toString(),
       clientSeed: "mock-seed",
@@ -187,7 +181,7 @@ class Ke {
     } };
   }
 }
-const Ge = I`
+const Ke = A`
   :host {
     width: 100%;
     height: 100%;
@@ -206,7 +200,7 @@ const Ge = I`
     display: none;
   }
 
-  ${H} {
+  ${F} {
     :host {
       grid-template-rows: auto 1fr auto;
       padding-bottom: 0;
@@ -216,7 +210,7 @@ const Ge = I`
       }
     }
   }
-`, qe = I`
+`, Ge = A`
   :host {
     width: 100%;
     height: 100%;
@@ -276,7 +270,7 @@ const Ge = I`
     display: none;
   }
 
-  ${H} {
+  ${F} {
     .wheel-box {
       aspect-ratio: 1 / 1;
       height: auto;
@@ -325,17 +319,17 @@ const Ge = I`
   RED: "var(--wheel-color-red)",
   BLUE: "var(--wheel-color-blue)",
   PURPLE: "var(--wheel-color-purple)"
-}, Ve = {
+}, qe = {
   ZERO: C.BLACK,
   A: C.GREEN,
   B: C.YELLOW,
   C: C.BLUE,
   D: C.RED,
   E: C.PURPLE
-}, ae = (t) => Ve[t], G = 9, ze = 0.08, Ye = 0.8, Qe = 1e4, Xe = () => ({
-  layers: [fe(2800, { duration: 15e-4, decay: 8, gain: 0.6 })],
+}, ae = (t) => qe[t], G = 9, Ve = 0.08, Ye = 0.8, ze = 1e4, Qe = () => ({
+  layers: [de(2800, { duration: 15e-4, decay: 8, gain: 0.6 })],
   gainScale: 1
-}), Ze = I`
+}), Ze = A`
   :host {
     --wheel-color-black: #1a1a1a;
     --wheel-color-green: #00d084;
@@ -356,17 +350,17 @@ const Ge = I`
     }
   }
 `;
-var Je = Object.defineProperty, et = Object.getOwnPropertyDescriptor, F = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? et(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && Je(e, i, s), s;
+  return r && s && Xe(e, i, s), s;
 };
-let T = class extends D {
+let B = class extends O {
   constructor() {
-    super(...arguments), this.risk = c.MEDIUM_RISK, this.segments = L.TEN, this.highlightedSegments = [];
+    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.highlightedSegments = [];
   }
   generateWheelPaths() {
-    const t = Te({ riskLevel: this.risk, segments: this.segments }), e = { cx: 285, cy: 285 }, i = 284.371, r = 2 * Math.PI / this.segments, s = [];
+    const t = Ce({ 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),
@@ -405,27 +399,27 @@ let T = class extends D {
     `;
   }
 };
-T.styles = [Ze];
-F([
+B.styles = [Ze];
+j([
   o({ type: String })
-], T.prototype, "risk", 2);
-F([
+], B.prototype, "risk", 2);
+j([
   o({ type: Number })
-], T.prototype, "segments", 2);
-F([
+], B.prototype, "segments", 2);
+j([
   o({ type: Array })
-], T.prototype, "highlightedSegments", 2);
-T = F([
+], B.prototype, "highlightedSegments", 2);
+B = j([
   $("origami-wheel-svg")
-], T);
-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--)
+], 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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && tt(e, i, s), s;
+  return r && s && et(e, i, s), s;
 };
-let h = class extends D {
+let h = class extends O {
   constructor() {
-    super(...arguments), this.services = new f(this, ye), this.skin = new f(this, be), this.preferences = new f(this, ve), this.isPlaying = !1, this.staticDisplay = !1, this.ignoreInstantBet = !1, this.risk = c.MEDIUM_RISK, this.segments = 10, this.targetAngle = null, this.resultSegment = null, this.hoveredSegments = [], this._angle = 0, this._rafId = null, this._decelerationOffsets = null, this._currentDecelerationFrame = 0, this._decelerationStartAngle = 0;
+    super(...arguments), this.services = new f(this, fe), this.skin = new f(this, ye), this.preferences = new f(this, ve), this.isPlaying = !1, this.staticDisplay = !1, this.ignoreInstantBet = !1, this.risk = u.MEDIUM_RISK, this.segments = 10, this.targetAngle = null, this.resultSegment = null, this.hoveredSegments = [], this._angle = 0, this._rafId = null, this._decelerationOffsets = null, this._currentDecelerationFrame = 0, this._decelerationStartAngle = 0;
   }
   firstUpdated() {
     this._updateTransform();
@@ -442,10 +436,10 @@ let h = class extends D {
       this._angle = this.targetAngle, this._updateTransform(), this._stopLoop(), this.emit("wheel-spin-complete");
       return;
     }
-    const t = this._isInstantBet ? Ye : ze;
-    this._decelerationOffsets = j.generateDecelerationOffsets(G, t);
+    const t = this._isInstantBet ? Ye : Ve;
+    this._decelerationOffsets = H.generateDecelerationOffsets(G, t);
     const e = this._decelerationOffsets[this._decelerationOffsets.length - 1];
-    this._decelerationStartAngle = j.calculateDecelerationStartAngle(this._angle, this.targetAngle, e), this._currentDecelerationFrame = 0;
+    this._decelerationStartAngle = H.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();
@@ -466,7 +460,7 @@ let h = class extends D {
         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(Xe()), this._rafId = requestAnimationFrame(t);
+      Math.floor(this._angle / r) - Math.floor(e / r) > 0 && this.services.value.soundEffects.play(Qe()), this._rafId = requestAnimationFrame(t);
     };
     this._rafId === null && (this._rafId = requestAnimationFrame(t));
   }
@@ -519,44 +513,44 @@ let h = class extends D {
     `;
   }
 };
-h.styles = [W, qe];
-m([
+h.styles = [T, Ge];
+p([
   o({ type: Boolean })
 ], h.prototype, "isPlaying", 2);
-m([
+p([
   o({ type: Boolean })
 ], h.prototype, "staticDisplay", 2);
-m([
+p([
   o({ type: Boolean })
 ], h.prototype, "ignoreInstantBet", 2);
-m([
+p([
   o({ type: String })
 ], h.prototype, "risk", 2);
-m([
+p([
   o({ type: Number })
 ], h.prototype, "segments", 2);
-m([
+p([
   o({ type: Number })
 ], h.prototype, "targetAngle", 2);
-m([
+p([
   o({ type: Number })
 ], h.prototype, "resultSegment", 2);
-m([
+p([
   o({ type: Array })
 ], h.prototype, "hoveredSegments", 2);
-m([
-  X(".wheel-svg")
+p([
+  Z(".wheel-svg")
 ], h.prototype, "_wheelEl", 2);
-m([
+p([
   te("targetAngle")
 ], h.prototype, "handleTargetAngleChange", 1);
-m([
+p([
   te("isPlaying")
 ], h.prototype, "handleIsPlayingChange", 1);
-h = m([
+h = p([
   $("origami-wheel-animator")
 ], h);
-const it = I`
+const st = A`
   :host {
     display: flex;
     flex-direction: column;
@@ -676,7 +670,7 @@ const it = I`
     cursor: help;
   }
 
-  ${we} {
+  ${be} {
     :host .tiles {
       display: flex;
       flex-wrap: nowrap;
@@ -693,14 +687,14 @@ const it = I`
     }
   }
 `;
-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--)
+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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && rt(e, i, s), s;
+  return r && s && it(e, i, s), s;
 };
-let O = class extends D {
+let D = class extends O {
   constructor() {
-    super(...arguments), this.locale = new f(this, z), this.limits = new f(this, se), this.layout = new f(this, ie), this.wallet = new f(this, Se), this.risk = c.MEDIUM_RISK, this.segments = L.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
+    super(...arguments), this.locale = new f(this, Y), this.limits = new f(this, se), this.layout = new f(this, ie), this.wallet = new f(this, we), this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
   }
   get edge() {
     return this.limits.value.edge;
@@ -738,14 +732,14 @@ let O = class extends D {
     this.layout.value.isDesktop && (this.hoveredTileIndex = null, this.emit("wheel-multiplier-hover", { detail: { segments: [] } }));
   }
   formatProfit(t) {
-    const { betAmount: e } = this.wallet.value, { maxPayout: i } = this.limits.value, { currency: r } = this.locale.value, s = _e({ betAmount: d(e), multiplier: t, maxPayout: d(i) });
-    return $e(s.toFixed(), r, { includeSymbol: !1 });
+    const { betAmount: e } = this.wallet.value, { maxPayout: i } = this.limits.value, { currency: r } = this.locale.value, s = Se({ betAmount: c(e), multiplier: t, maxPayout: c(i) });
+    return _e(s.toFixed(), r, { includeSymbol: !1 });
   }
   formatChance(t, e) {
     return `${t}/${e}`;
   }
   render() {
-    const t = this.tiles, e = Math.min(t.length, 6), { language: i } = this.locale.value, r = this.activeTileIndex, s = t[r], n = t.reduce((_, k) => _ + k.weight, 0), l = this.formatProfit(s.multiplier), p = this.formatChance(s.weight, n);
+    const t = this.tiles, e = Math.min(t.length, 6), { language: i } = this.locale.value, r = this.activeTileIndex, s = t[r], n = t.reduce((_, k) => _ + k.weight, 0), l = this.formatProfit(s.multiplier), d = this.formatChance(s.weight, n);
     return a`
       <div class="container">
         ${this.layout.value.isDesktop ? a`<div class="multiplier-info">
@@ -761,14 +755,14 @@ let O = class extends D {
                     .offset=${6}
                     inline
                   >
-                    <span class="info-icon">${xe(this.locale.value.currency)}</span>
+                    <span class="info-icon">${$e(this.locale.value.currency)}</span>
                   </origami-tooltip>
                 </div>
 
                 <div class="info-item">
                   <div>
                     <span class="label">${g("common.winChance", i)}:</span>
-                    <span class="value">${p}</span>
+                    <span class="value">${d}</span>
                   </div>
                   <lottie-icon
                     src="https://assets.betorigami.com/games/animations/percentage_symbol.json"
@@ -780,20 +774,20 @@ let O = class extends D {
 
         <div class="tiles" role="list" style="--grid-columns: ${e}" @mouseleave=${() => this.handleTileMouseLeave()}>
           ${t.map(({ slot: _, multiplier: k }, E) => {
-      const P = `${k.toString()}X`, N = ae(_), Z = this.hoveredTileIndex === E;
+      const P = `${k.toString()}X`, N = ae(_), X = this.hoveredTileIndex === E;
       return a`
               <div 
                 class="tile" 
                 role="listitem"
-                hovered=${Z}
-                active=${!Z && E === r}
+                hovered=${X}
+                active=${!X && E === r}
                 @mouseenter=${() => this.handleTileMouseEnter(E)}
               >
                 <div class="tile-content">
                   <span class="tile-label">${P}</span>
                   <span 
                     class="dot" 
-                    style=${je({ backgroundColor: N })}
+                    style=${Ue({ backgroundColor: N })}
                     aria-hidden="true"
                   ></span>
                 </div>
@@ -805,30 +799,30 @@ let O = class extends D {
     `;
   }
 };
-O.styles = [W, it];
+D.styles = [T, st];
 R([
   o({ type: String })
-], O.prototype, "risk", 2);
+], D.prototype, "risk", 2);
 R([
   o({ type: Number })
-], O.prototype, "segments", 2);
+], D.prototype, "segments", 2);
 R([
   o({ type: Number })
-], O.prototype, "resultSegment", 2);
+], D.prototype, "resultSegment", 2);
 R([
-  b()
-], O.prototype, "hoveredTileIndex", 2);
-O = R([
+  v()
+], D.prototype, "hoveredTileIndex", 2);
+D = R([
   $("origami-wheel-content-bottom")
-], O);
-var lt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, A = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? ot(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+], 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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && lt(e, i, s), s;
+  return r && s && nt(e, i, s), s;
 };
-let v = class extends D {
+let b = class extends O {
   constructor() {
-    super(...arguments), this.isPlaying = !1, this.history = [], this.risk = c.MEDIUM_RISK, this.segments = 10, this.targetAngle = null, this.resultSegment = null, this.hoveredSegments = [];
+    super(...arguments), this.isPlaying = !1, this.history = [], this.risk = u.MEDIUM_RISK, this.segments = 10, this.targetAngle = null, this.resultSegment = null, this.hoveredSegments = [];
   }
   handleMultiplierHover(t) {
     this.hoveredSegments = t.detail.segments;
@@ -836,7 +830,7 @@ let v = class extends D {
   render() {
     return a`
       <origami-history-pills
-        .gameType=${Y.WHEEL}
+        .gameType=${z.WHEEL}
         .history=${[...this.history].reverse()}
       ></origami-history-pills>
 
@@ -860,32 +854,32 @@ let v = class extends D {
     `;
   }
 };
-v.styles = [W, Ge];
-A([
+b.styles = [T, Ke];
+I([
   o({ type: Boolean })
-], v.prototype, "isPlaying", 2);
-A([
+], b.prototype, "isPlaying", 2);
+I([
   o({ type: Array })
-], v.prototype, "history", 2);
-A([
+], b.prototype, "history", 2);
+I([
   o({ type: String })
-], v.prototype, "risk", 2);
-A([
+], b.prototype, "risk", 2);
+I([
   o({ type: Number })
-], v.prototype, "segments", 2);
-A([
+], b.prototype, "segments", 2);
+I([
   o({ type: Number })
-], v.prototype, "targetAngle", 2);
-A([
+], b.prototype, "targetAngle", 2);
+I([
   o({ type: Number })
-], v.prototype, "resultSegment", 2);
-A([
-  b()
-], v.prototype, "hoveredSegments", 2);
-v = A([
+], b.prototype, "resultSegment", 2);
+I([
+  v()
+], b.prototype, "hoveredSegments", 2);
+b = I([
   $("origami-wheel-layout")
-], v);
-const he = I`
+], b);
+const he = A`
   :host {
     display: flex;
     flex-direction: column;
@@ -910,12 +904,12 @@ const he = I`
     grid-column: span 2;
   }
 
-  ${H} {
+  ${F} {
     :host .action-section {
       order: 0;
     }
   }
-`, at = I`
+`, ot = A`
   :host {
     display: contents;
   }
@@ -924,19 +918,19 @@ const he = I`
     grid-column: span 2;
   }
 `;
-var ht = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, K = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? gt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && ht(e, i, s), s;
+  return r && s && at(e, i, s), s;
 };
 const ct = {
-  [c.LOW_RISK]: "common.low",
-  [c.MEDIUM_RISK]: "common.medium",
-  [c.HIGH_RISK]: "common.high"
+  [u.LOW_RISK]: "common.low",
+  [u.MEDIUM_RISK]: "common.medium",
+  [u.HIGH_RISK]: "common.high"
 };
-let B = class extends D {
+let W = class extends O {
   constructor() {
-    super(...arguments), this.locale = new f(this, z), this.risk = c.MEDIUM_RISK, this.segments = L.TEN, this.disabled = !1;
+    super(...arguments), this.locale = new f(this, Y), this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.disabled = !1;
   }
   handleRiskChange(t) {
     const { value: e } = t.detail;
@@ -952,7 +946,7 @@ let B = class extends D {
       <origami-select
         class="grid-full-width"
         label=${g("common.risk", t)}
-        .options=${Le.map((e) => ({ value: e, label: g(ct[e], t) }))}
+        .options=${Te.map((e) => ({ value: e, label: g(ct[e], t) }))}
         .value=${this.risk}
         @select-change=${this.handleRiskChange}
         ?disabled=${this.disabled}
@@ -961,7 +955,7 @@ let B = class extends D {
       <origami-select
         class="grid-full-width"
         label=${g("games.wheel.segments", t)}
-        .options=${Re.map((e) => ({ value: e.toString(), label: e.toString() }))}
+        .options=${Le.map((e) => ({ value: e.toString(), label: e.toString() }))}
         .value=${this.segments.toString()}
         @select-change=${this.handleSegmentsChange}
         ?disabled=${this.disabled}
@@ -969,27 +963,27 @@ let B = class extends D {
     `;
   }
 };
-B.styles = [W, at];
+W.styles = [T, ot];
 K([
   o({ type: String })
-], B.prototype, "risk", 2);
+], W.prototype, "risk", 2);
 K([
   o({ type: Number })
-], B.prototype, "segments", 2);
+], W.prototype, "segments", 2);
 K([
   o({ type: Boolean })
-], B.prototype, "disabled", 2);
-B = K([
+], W.prototype, "disabled", 2);
+W = K([
   $("origami-wheel-selectors")
-], B);
-var ut = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, x = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? mt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+], 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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && ut(e, i, s), s;
+  return r && s && gt(e, i, s), s;
 };
-let y = class extends D {
+let y = class extends O {
   constructor() {
-    super(...arguments), this.locale = new f(this, z), this.isPlaying = !1, this.betDisabled = !1, this.inputsDisabled = !1, this.risk = c.MEDIUM_RISK, this.segments = L.TEN, this.betMaxMultiplier = d(1), this.isBetAmountValid = !0, this._betAboveBalance = !1;
+    super(...arguments), this.locale = new f(this, Y), this.isPlaying = !1, this.betDisabled = !1, this.inputsDisabled = !1, this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.betMaxMultiplier = c(1), this.isBetAmountValid = !0, this._betAboveBalance = !1;
   }
   render() {
     const t = this.locale.value.language;
@@ -1002,7 +996,7 @@ let y = class extends D {
       this.isBetAmountValid = e.detail.isValid;
     }}
         @bet-amount-input-error-change=${(e) => {
-      this._betAboveBalance = e.detail.invalidReason === ke.BET_AMOUNT_ABOVE_BALANCE;
+      this._betAboveBalance = e.detail.invalidReason === xe.BET_AMOUNT_ABOVE_BALANCE;
     }}
       ></origami-bet-amount-input>
 
@@ -1024,7 +1018,7 @@ let y = class extends D {
     `;
   }
 };
-y.styles = [W, he];
+y.styles = [T, he];
 x([
   o({ type: Boolean })
 ], y.prototype, "isPlaying", 2);
@@ -1044,22 +1038,22 @@ x([
   o({ attribute: !1 })
 ], y.prototype, "betMaxMultiplier", 2);
 x([
-  b()
+  v()
 ], y.prototype, "isBetAmountValid", 2);
 x([
-  b()
+  v()
 ], y.prototype, "_betAboveBalance", 2);
 y = x([
   $("origami-wheel-manual")
 ], y);
-var pt = 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--)
+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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && pt(e, i, s), s;
+  return r && s && mt(e, i, s), s;
 };
-let w = class extends D {
+let w = class extends O {
   constructor() {
-    super(...arguments), this.inputsDisabled = !1, this.autobetStopping = !1, this.autobetInProgress = !1, this.betDisabled = !1, this.risk = c.MEDIUM_RISK, this.segments = L.TEN, this.betMaxMultiplier = d(1);
+    super(...arguments), this.inputsDisabled = !1, this.autobetStopping = !1, this.autobetInProgress = !1, this.betDisabled = !1, this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.betMaxMultiplier = c(1);
   }
   render() {
     return a`
@@ -1079,7 +1073,7 @@ let w = class extends D {
     `;
   }
 };
-w.styles = [W, he];
+w.styles = [T, he];
 M([
   o({ type: Boolean })
 ], w.prototype, "inputsDisabled", 2);
@@ -1104,7 +1098,7 @@ M([
 w = M([
   $("origami-wheel-auto")
 ], w);
-const ft = I`
+const dt = A`
   :host {
     height: 100%;
   }
@@ -1113,14 +1107,14 @@ const ft = I`
     display: block;
   }
 `;
-var yt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, S = (t, e, i, r) => {
-  for (var s = r > 1 ? void 0 : r ? bt(e, i) : e, n = t.length - 1, l; n >= 0; n--)
+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--)
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
-  return r && s && yt(e, i, s), s;
+  return r && s && ft(e, i, s), s;
 };
-let u = class extends re {
+let m = class extends re {
   constructor() {
-    super(), this.limits = new f(this, se), this.layout = new f(this, ie), this.isManualPlaying = !1, this.history = [], this.wheelRisk = c.MEDIUM_RISK, this.numberOfSegments = 10, this.targetAngle = null, this.resultSegment = null, this.isWheelSpinning = !1, new Ee(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, new ke(this, [
       {
         key: " ",
         callback: () => ee.clickBetButton(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl),
@@ -1139,7 +1133,7 @@ let u = class extends re {
     this.numberOfSegments = t.detail.value, this.resultSegment = null;
   }
   get wheelApi() {
-    return this.session.value.isDemoMode ? new Ke(this.limits.value.edge) : new Fe(this.session.value.authToken, this.session.value.baseUrl);
+    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;
@@ -1148,13 +1142,13 @@ let u = class extends re {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
   }
   wheelSpinCompletedPromise() {
-    return Ie(this, "wheel-spin-complete", void 0, Qe, !0);
+    return Ee(this, "wheel-spin-complete", void 0, ze, !0);
   }
   async handleBetExecution(t, e) {
     this.resetForNextBet(() => {
       this.targetAngle = null, this.resultSegment = null;
     });
-    const i = d(this.wallet.value.balance);
+    const i = c(this.wallet.value.balance);
     try {
       if (this.session.value.isDemoMode && i.lt(t))
         throw new Error(g("alerts.insufficientBalance", this.locale.value.language));
@@ -1171,16 +1165,16 @@ let u = class extends re {
         })
       );
       if (s.success) {
-        const { data: n } = s, l = Number(n.multiplier ?? 0), { betActions: p } = n, _ = p[p.length - 1];
+        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 = j.calculateTargetAngle(this.resultSegment, this.numberOfSegments, n.id);
+          this.resultSegment = P[0] ?? 0, this.targetAngle = H.calculateTargetAngle(this.resultSegment, this.numberOfSegments, n.id);
         }
         r && await this.wheelSpinCompletedPromise(), this.isWheelSpinning = !1;
-        const k = d(l).gt(0);
+        const k = c(l).gt(0);
         this.history = [...this.history, { multiplier: l, won: k, id: n.id }], this.updateHistoryWithBet(n);
-        const E = this.session.value.isDemoMode ? i.minus(n.amount ?? 0).plus(n.payout ?? 0) : d(n.afterBalance ?? 0);
-        return this.wallet.value.updateBalance(E), d(l).gt(1) && this.playWinFeedback(), s;
+        const E = this.session.value.isDemoMode ? i.minus(n.amount ?? 0).plus(n.payout ?? 0) : c(n.afterBalance ?? 0);
+        return this.wallet.value.updateBalance(E), c(l).gt(1) && this.playWinFeedback(), s;
       } else
         return this.wallet.value.updateBalance(i), this.isWheelSpinning = !1, s;
     } catch (r) {
@@ -1200,19 +1194,20 @@ let u = class extends re {
     const i = await this.handleBetExecution(e, t);
     if (!i.success)
       return {
-        pnl: d(0),
+        pnl: c(0),
         gameOutcome: "Draw",
         hasError: !0,
+        afterBalance: null,
         errorCode: i.errorCode ?? U.UNKNOWN,
         errorMessage: i.error || g("alerts.errorProcessingBet", this.locale.value.language)
       };
-    const r = i.data, s = d(r.payout ?? 0).minus(r.amount ?? 0), n = Number(r.multiplier), l = Me(n);
-    return await this.holdResultDisplay(), { pnl: s, gameOutcome: l, hasError: !1 };
+    const r = i.data, s = c(r.payout ?? 0).minus(r.amount ?? 0), n = Number(r.multiplier), l = Ie(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 = Pe(this.layout.value);
+    const t = oe(this.limits.value.edge, { riskLevel: this.wheelRisk, segments: this.numberOfSegments }), e = !1, i = Me(this.layout.value);
     return a`
-      <origami-game-layout style=${i} .gameType=${Y.WHEEL}>
+      <origami-game-layout style=${i} .gameType=${z.WHEEL}>
         <origami-game-sidebar
           slot="control-panel"
           ?toggleDisabled=${this.isToggleDisabled}
@@ -1221,7 +1216,7 @@ let u = class extends re {
           @wheel-risk-change=${this.handleWheelRiskChange}
           @wheel-segments-change=${this.handleWheelSegmentsChange}
         >
-          ${Ne(
+          ${Re(
       this.manualOrAuto === "Manual" ? a`<origami-wheel-manual
                   slot="controls"
                   .inputsDisabled=${this.areInputsDisabled}
@@ -1268,38 +1263,38 @@ let u = class extends re {
     `;
   }
 };
-u.styles = [...re.styles, ft];
+m.styles = [...re.styles, dt];
 S([
-  b()
-], u.prototype, "isManualPlaying", 2);
+  v()
+], m.prototype, "isManualPlaying", 2);
 S([
-  b()
-], u.prototype, "history", 2);
+  v()
+], m.prototype, "history", 2);
 S([
-  b()
-], u.prototype, "wheelRisk", 2);
+  v()
+], m.prototype, "wheelRisk", 2);
 S([
-  b()
-], u.prototype, "numberOfSegments", 2);
+  v()
+], m.prototype, "numberOfSegments", 2);
 S([
-  b()
-], u.prototype, "targetAngle", 2);
+  v()
+], m.prototype, "targetAngle", 2);
 S([
-  b()
-], u.prototype, "resultSegment", 2);
+  v()
+], m.prototype, "resultSegment", 2);
 S([
-  b()
-], u.prototype, "isWheelSpinning", 2);
+  v()
+], m.prototype, "isWheelSpinning", 2);
 S([
-  X("origami-wheel-manual")
-], u.prototype, "_wheelManualEl", 2);
+  Z("origami-wheel-manual")
+], m.prototype, "_wheelManualEl", 2);
 S([
-  X("origami-wheel-auto")
-], u.prototype, "_wheelAutoEl", 2);
-u = S([
+  Z("origami-wheel-auto")
+], m.prototype, "_wheelAutoEl", 2);
+m = S([
   $("origami-wheel-game")
-], u);
-var vt = Object.getOwnPropertyDescriptor, wt = (t, e, i, r) => {
+], 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--)
     (l = t[n]) && (s = l(s) || s);
   return s;
@@ -1309,7 +1304,7 @@ let V = class extends De {
     return a`<slot></slot>`;
   }
 };
-V.styles = I`
+V.styles = A`
     :host {
       pointer-events: none;
       width: 100%;
@@ -1324,25 +1319,25 @@ V.styles = I`
       box-sizing: border-box;
     }
 
-    ${H} {
+    ${F} {
       :host {
         height: 225px;
       }
     }
   `;
-V = wt([
+V = bt([
   $("origami-wheel-outcome")
 ], V);
-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", ge = (t) => {
+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 e = t?.WHEEL;
   return e !== void 0 && "segments" in e ? e : void 0;
-}, _t = (t) => {
-  const e = ge(t.betActions[0]?.data), i = t.betActions[t.betActions.length - 1]?.data.WHEEL;
-  return e === void 0 || i === void 0 || !Oe(i) ? { risk: c.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))
+}, St = (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 a`<p>${g("errors.noWheelData", r)}</p>`;
-  const s = j.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
+  const s = H.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
   return a`
     <origami-wheel-outcome>
       <origami-wheel-animator
@@ -1357,20 +1352,20 @@ const St = (t) => typeof t == "object" && t !== null && "risk" in t && ne(t.risk
       ></origami-wheel-animator>
     </origami-wheel-outcome>
   `;
-}, xt = (t) => {
-  const e = ge(t);
+}, $t = (t) => {
+  const e = ce(t);
   return e === void 0 ? {} : { segments: e.segments, riskLevel: e.riskLevel };
-}, kt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), Bt = {
-  id: Y.WHEEL,
+}, xt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), Bt = {
+  id: z.WHEEL,
   renderGame: () => a`<origami-wheel-game></origami-wheel-game>`,
   gameInfo: He,
   maxMultiplier: ({ edge: t }) => oe(t).toNumber(),
-  verifierInputs: xt,
-  verifierQuery: kt,
-  extractOutcome: _t,
-  renderOutcome: $t
+  verifierInputs: $t,
+  verifierQuery: xt,
+  extractOutcome: St,
+  renderOutcome: _t
 };
 export {
-  u as WheelGame,
+  m as WheelGame,
   Bt as wheelUiModule
 };