@betorigami/game-ui-wheel 1.0.3 → 1.1.1

package/dist/index.mjs

@@ -1,13 +1,13 @@
-import { genCorrelationId as he, getTranslation as g, createMockGenerator as ge, OrigamiActionType as Q, noiseClick as ce, gameContext as N, OrigamiElement as T, componentStyles as W, watch as te, DEFAULT_CURRENCY as G, formatMonetaryAmount as ue, DEFAULT_LANGUAGE as L, getCurrencyIcon as pe, OrigamiGame as z, InvalidReason as me, GameComponent as se, HotkeyController as de, HotkeyHelper as ee, waitForEvent as fe, formatAutobetSettings as ye, getGameOutcome as be, calculateGameLayoutStyle as we, isEndAction as ve } from "@betorigami/game-ui-shared";
-import { css as A, svg as V, nothing as X, html as l, LitElement as Se } from "lit";
-import { Wheel as _e, WheelRiskLevel as u, WheelSegments as R, getWheelPattern as $e, getWheelSegmentMultipliers as ke, describeWheelOutcomes as De, isWheelRiskLevel as ie, isWheelSegments as ae, WHEEL_RISK_LEVELS as xe, WHEEL_SEGMENT_OPTIONS as Ee, getWheelMaxMultiplier as re } from "@betorigami/game-wheel";
-import { cache as Ie } from "lit/directives/cache.js";
-import { property as o, customElement as k, query as Z, state as w } from "lit/decorators.js";
+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 f from "big.js";
-import { sumPayout as Ae } from "@betorigami/game-engine";
+import { sumPayout as Oe } from "@betorigami/game-engine";
 import { consume as U } from "@lit/context";
-import { styleMap as Me } from "lit/directives/style-map.js";
-const Pe = {
+import { styleMap as Ce } from "lit/directives/style-map.js";
+const Te = {
   overview: {
     translation: {
       key: "gameInfo.wheel.overview",
@@ -48,7 +48,7 @@ const Pe = {
     }
   }
 };
-class K {
+class G {
   /**
    * Calculate exact target angle for a segment with pseudorandom position
    * @param segmentIndex - Index of winning segment (0-based)
@@ -56,9 +56,9 @@ class K {
    * @param betId - UUID to seed random position
    * @returns Target angle in degrees (0-360)
    */
-  static calculateTargetAngle(e, i, a) {
-    const s = 360 / i, r = e * s, n = this.hashUuidToSegmentOffset(a, s);
-    return ((360 - (r + n)) % 360 + 360) % 360;
+  static calculateTargetAngle(e, i, r) {
+    const s = 360 / i, a = e * s, o = this.hashUuidToSegmentOffset(r, s);
+    return ((360 - (a + o)) % 360 + 360) % 360;
   }
   /**
    * Generate deceleration frame offsets using exponential decay
@@ -72,13 +72,13 @@ class K {
    */
   static generateDecelerationOffsets(e, i) {
     const s = [0];
-    let r = 0, n = 0;
+    let a = 0, o = 0;
     for (; ; ) {
-      n++;
-      const d = e * Math.exp(-i * n);
+      o++;
+      const d = e * Math.exp(-i * o);
       if (d < 0.01)
         break;
-      r += d, s.push(r);
+      a += d, s.push(a);
     }
     return s;
   }
@@ -89,8 +89,8 @@ class K {
    * @param decelerationDistance - Total degrees to decelerate over
    * @returns Angle at which to start decelerating
    */
-  static calculateDecelerationStartAngle(e, i, a) {
-    let s = i - a;
+  static calculateDecelerationStartAngle(e, i, r) {
+    let s = i - r;
     for (; s <= e; )
       s += 360;
     return s;
@@ -103,11 +103,11 @@ class K {
    * @private Internal helper method
    */
   static hashUuidToSegmentOffset(e, i) {
-    const s = e.split("-").pop(), r = s ? parseInt(s, 16) : 0, n = i - 2;
-    return 1 + r % n;
+    const s = e.split("-").pop(), a = s ? parseInt(s, 16) : 0, o = i - 2;
+    return 1 + a % o;
   }
 }
-class Oe {
+class Be {
   constructor(e, i) {
     this.authToken = e, this.baseUrl = i + "/games/wheel";
   }
@@ -118,7 +118,7 @@ class Oe {
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.authToken}`,
-          "X-Origami-Trace": he()
+          "X-Origami-Trace": ge()
         },
         body: JSON.stringify({
           amount: e.amount,
@@ -128,40 +128,34 @@ class Oe {
           },
           meta: e.meta
         })
-      }), a = await i.json();
-      if (i.ok && a.id)
-        return { success: !0, data: a };
-      let s = "alerts.gameError";
-      switch (a?.errorCode) {
-        case "INSUFFICIENT_BALANCE":
-          s = "alerts.insufficientBalance";
-          break;
-        case "LIMIT_REACHED":
-          s = "alerts.betLimitReached";
-          break;
-      }
+      }), r = await i.json();
+      if (i.ok && r.id)
+        return { success: !0, data: r };
+      const s = ce(r);
       return {
         success: !1,
-        error: g(s, e.language)
+        error: g(ue(s), e.language),
+        errorCode: s
       };
     } catch {
       return {
         success: !1,
-        error: g("alerts.gameError", e.language)
+        error: g("alerts.gameError", e.language),
+        errorCode: K.UNKNOWN
       };
     }
   }
 }
-class Te {
+class We {
   constructor(e) {
     this.edge = e;
   }
   async startBet(e) {
-    const { amount: i, riskLevel: a, segments: s } = e, r = { riskLevel: a, segments: s, betAmount: f(i) }, n = new _e().getGameResult({
-      generator: ge(),
+    const { amount: i, riskLevel: r, segments: s } = e, a = { riskLevel: r, segments: s, betAmount: f(i) }, o = new De().getGameResult({
+      generator: pe(),
       edge: this.edge,
-      gameInputs: r
-    }), d = Ae(n.payout).toString();
+      gameInputs: a
+    }), d = Oe(o.payout).toString();
     return { success: !0, data: {
       id: crypto.randomUUID(),
       tenantId: "origami-casino",
@@ -171,7 +165,7 @@ class Te {
       amount: i,
       payout: d,
       afterBalance: "1000",
-      multiplier: n.payoutMultiplier.toString(),
+      multiplier: o.payoutMultiplier.toString(),
       clientSeed: "mock-seed",
       randomValue: "mock-random",
       proof: "mock-proof",
@@ -179,21 +173,21 @@ class Te {
       betActions: [
         {
           data: {
-            WHEEL: { riskLevel: a, segments: s }
+            WHEEL: { riskLevel: r, segments: s }
           },
-          type: Q.START_BET
+          type: ee.START_BET
         },
         {
           data: {
-            WHEEL: { result: n.outputs.result }
+            WHEEL: { result: o.outputs.result }
           },
-          type: Q.END_BET
+          type: ee.END_BET
         }
       ]
     } };
   }
 }
-const Be = A`
+const Le = I`
   :host {
     width: 100%;
     height: 100%;
@@ -220,7 +214,7 @@ const Be = A`
       display: block;
     }
   }
-`, Ce = A`
+`, Ne = I`
   :host {
     width: 100%;
     height: 100%;
@@ -322,24 +316,24 @@ const Be = A`
     aspect-ratio: 1 / 1;
     margin: 0 auto;
   }
-`, C = {
+`, B = {
   BLACK: "var(--wheel-color-black)",
   GREEN: "var(--wheel-color-green)",
   YELLOW: "var(--wheel-color-yellow)",
   RED: "var(--wheel-color-red)",
   BLUE: "var(--wheel-color-blue)",
   PURPLE: "var(--wheel-color-purple)"
-}, Le = {
-  ZERO: C.BLACK,
-  A: C.GREEN,
-  B: C.YELLOW,
-  C: C.BLUE,
-  D: C.RED,
-  E: C.PURPLE
-}, ne = (t) => Le[t], q = 9, We = 0.08, Re = 0.8, Ne = 1e4, Ue = () => ({
-  layers: [ce(2800, { duration: 15e-4, decay: 8, gain: 0.6 })],
+}, Re = {
+  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 })],
   gainScale: 1
-}), Fe = A`
+}), Ke = I`
   :host {
     --wheel-color-black: #1a1a1a;
     --wheel-color-green: #00d084;
@@ -360,40 +354,40 @@ const Be = A`
     }
   }
 `;
-var He = Object.defineProperty, je = Object.getOwnPropertyDescriptor, F = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? je(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && He(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && Ge(e, i, s), s;
 };
-let P = class extends T {
+let P = class extends C {
   constructor() {
-    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.highlightedSegments = [];
+    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.highlightedSegments = [];
   }
   generateWheelPaths() {
-    const t = $e({ riskLevel: this.risk, segments: this.segments }), e = { cx: 285, cy: 285 }, i = 284.371, a = 2 * Math.PI / this.segments, s = [];
-    for (let r = 0; r < this.segments; r++) {
-      const n = ne(t[r]), _ = this.highlightedSegments.length > 0 && !this.highlightedSegments.includes(r) ? 0.25 : 1, E = r * a - Math.PI / 2, I = (r + 1) * a - Math.PI / 2, M = {
+    const t = xe({ 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),
         y: e.cy + i * Math.sin(E)
-      }, j = {
-        x: e.cx + i * Math.cos(I),
-        y: e.cy + i * Math.sin(I)
+      }, H = {
+        x: e.cx + i * Math.cos(A),
+        y: e.cy + i * Math.sin(A)
       };
       s.push(
-        V`<path
+        Y`<path
           class="segment-path"
-          fill="${n}"
-          stroke="${n}"
+          fill="${o}"
+          stroke="${o}"
           stroke-width="1"
           opacity="${_}"
-          d="M${e.cx} ${e.cy} L${M.x.toFixed(3)} ${M.y.toFixed(3)} A${i} ${i} 0 0 1 ${j.x.toFixed(3)} ${j.y.toFixed(3)} Z"
+          d="M${e.cx} ${e.cy} L${M.x.toFixed(3)} ${M.y.toFixed(3)} A${i} ${i} 0 0 1 ${H.x.toFixed(3)} ${H.y.toFixed(3)} Z"
         />`
       );
     }
     return s;
   }
   render() {
-    return V`
+    return Y`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 570 570" width="100%" height="100%" fill="none" preserveAspectRatio="xMidYMid meet">
         <g clip-path="url(#a)">
           ${this.generateWheelPaths()}
@@ -409,28 +403,28 @@ let P = class extends T {
     `;
   }
 };
-P.styles = [Fe];
-F([
-  o({ type: String })
+P.styles = [Ke];
+j([
+  n({ type: String })
 ], P.prototype, "risk", 2);
-F([
-  o({ type: Number })
+j([
+  n({ type: Number })
 ], P.prototype, "segments", 2);
-F([
-  o({ type: Array })
+j([
+  n({ type: Array })
 ], P.prototype, "highlightedSegments", 2);
-F([
-  U({ context: N, subscribe: !0 })
+j([
+  U({ context: R, subscribe: !0 })
 ], P.prototype, "gameData", 2);
-P = F([
+P = j([
   k("origami-wheel-svg")
 ], P);
-var Ke = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, c = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ge(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && Ke(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && Ve(e, i, s), s;
 };
-let h = class extends T {
+let h = class extends C {
   constructor() {
     super(...arguments), 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;
   }
@@ -449,10 +443,10 @@ let h = class extends T {
       this._angle = this.targetAngle, this._updateTransform(), this._stopLoop(), this.emit("wheel-spin-complete");
       return;
     }
-    const t = this._isInstantBet ? Re : We;
-    this._decelerationOffsets = K.generateDecelerationOffsets(q, t);
+    const t = this._isInstantBet ? je : Ue;
+    this._decelerationOffsets = G.generateDecelerationOffsets(V, t);
     const e = this._decelerationOffsets[this._decelerationOffsets.length - 1];
-    this._decelerationStartAngle = K.calculateDecelerationStartAngle(this._angle, this.targetAngle, e), this._currentDecelerationFrame = 0;
+    this._decelerationStartAngle = G.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();
@@ -461,19 +455,19 @@ let h = class extends T {
     const t = () => {
       const e = this._angle;
       if (this._currentDecelerationFrame > 0) {
-        const r = this._decelerationOffsets[this._currentDecelerationFrame];
-        if (this._angle = this._decelerationStartAngle + r, this._currentDecelerationFrame++, this._currentDecelerationFrame >= this._decelerationOffsets.length) {
+        const a = this._decelerationOffsets[this._currentDecelerationFrame];
+        if (this._angle = this._decelerationStartAngle + a, this._currentDecelerationFrame++, this._currentDecelerationFrame >= this._decelerationOffsets.length) {
           this._angle = this.targetAngle, this._decelerationOffsets = null, this._currentDecelerationFrame = 0, this._updateTransform(), this.emit("wheel-spin-complete"), this._rafId = null;
           return;
         }
       } else if (this._decelerationOffsets !== null && this._currentDecelerationFrame === 0) {
-        const r = this._angle + q;
-        r >= this._decelerationStartAngle ? (this._angle = this._decelerationStartAngle, this._currentDecelerationFrame = 1) : this._angle = r;
+        const a = this._angle + V;
+        a >= this._decelerationStartAngle ? (this._angle = this._decelerationStartAngle, this._currentDecelerationFrame = 1) : this._angle = a;
       } else
-        this._angle += q;
+        this._angle += V;
       this._updateTransform();
-      const a = 360 / this.segments;
-      Math.floor(this._angle / a) - Math.floor(e / a) > 0 && this.gameData?.soundEffects?.play(Ue()), this._rafId = requestAnimationFrame(t);
+      const r = 360 / this.segments;
+      Math.floor(this._angle / r) - Math.floor(e / r) > 0 && this.gameData?.soundEffects?.play(He()), this._rafId = requestAnimationFrame(t);
     };
     this._rafId === null && (this._rafId = requestAnimationFrame(t));
   }
@@ -506,7 +500,7 @@ let h = class extends T {
               fill="none"
             >
               <circle cx="284" cy="284" r="78" fill="var(--background-base)" stroke="white" stroke-width="36" />
-              ${this.gameData?.customWheelCenterSvgUrl ? V`<image
+              ${this.gameData?.customWheelCenterSvgUrl ? Y`<image
                     href=${this.gameData.customWheelCenterSvgUrl}
                     x=${224 + (this.gameData.customWheelCenterPadding ?? 0)}
                     y=${224 + (this.gameData.customWheelCenterPadding ?? 0)}
@@ -514,7 +508,7 @@ let h = class extends T {
                     height=${120 - 2 * (this.gameData.customWheelCenterPadding ?? 0)}
                     style="clip-path: circle(50%)"
                     preserveAspectRatio="xMidYMid slice"
-                  />` : X}
+                  />` : Z}
               <path
                 d="M281.402 125.5C282.557 123.5 285.443 123.5 286.598 125.5L334.23 208C335.384 210 333.941 212.5 331.632 212.5H236.369C234.059 212.5 232.616 210 233.771 208L281.402 125.5Z"
                 fill="white"
@@ -526,47 +520,47 @@ let h = class extends T {
     `;
   }
 };
-h.styles = [W, Ce];
+h.styles = [L, Ne];
 c([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], h.prototype, "isPlaying", 2);
 c([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], h.prototype, "staticDisplay", 2);
 c([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], h.prototype, "ignoreInstantBet", 2);
 c([
-  o({ type: String })
+  n({ type: String })
 ], h.prototype, "risk", 2);
 c([
-  o({ type: Number })
+  n({ type: Number })
 ], h.prototype, "segments", 2);
 c([
-  o({ type: Number })
+  n({ type: Number })
 ], h.prototype, "targetAngle", 2);
 c([
-  o({ type: Number })
+  n({ type: Number })
 ], h.prototype, "resultSegment", 2);
 c([
-  o({ type: Array })
+  n({ type: Array })
 ], h.prototype, "hoveredSegments", 2);
 c([
-  U({ context: N, subscribe: !0 })
+  U({ context: R, subscribe: !0 })
 ], h.prototype, "gameData", 2);
 c([
-  Z(".wheel-svg")
+  J(".wheel-svg")
 ], h.prototype, "_wheelEl", 2);
 c([
-  te("targetAngle")
+  se("targetAngle")
 ], h.prototype, "handleTargetAngleChange", 1);
 c([
-  te("isPlaying")
+  se("isPlaying")
 ], h.prototype, "handleIsPlayingChange", 1);
 h = c([
   k("origami-wheel-animator")
 ], h);
-const qe = A`
+const ze = I`
   :host {
     display: flex;
     flex-direction: column;
@@ -701,14 +695,14 @@ const qe = A`
     cursor: help;
   }
 `;
-var Ve = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, B = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ye(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && Ve(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && Xe(e, i, s), s;
 };
-let $ = class extends T {
+let $ = class extends C {
   constructor() {
-    super(...arguments), this.isDesktop = !1, this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
+    super(...arguments), this.isDesktop = !1, this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
   }
   get edge() {
     return this.gameData?.edge ?? 1;
@@ -717,10 +711,10 @@ let $ = class extends T {
     return { riskLevel: this.risk, segments: this.segments };
   }
   get segmentMultipliers() {
-    return ke(this.selection, this.edge);
+    return Ee(this.selection, this.edge);
   }
   get tiles() {
-    return De(this.selection, this.edge).outcomes;
+    return Ae(this.selection, this.edge).outcomes;
   }
   getActiveTileIndexFromSegment() {
     if (this.resultSegment === null) return null;
@@ -746,30 +740,30 @@ let $ = class extends T {
     this.isDesktop && (this.hoveredTileIndex = null, this.emit("wheel-multiplier-hover", { detail: { segments: [] } }));
   }
   formatProfit(t) {
-    const e = f(this.gameData?.betAmount ?? 0).times(t.minus(1)), i = e.lt(0) ? f(0) : e, a = this.gameData?.currency ?? G;
-    return ue(i.toNumber(), a, { includeSymbol: !1 });
+    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 });
   }
   formatChance(t, e) {
     return `${t}/${e}`;
   }
   render() {
-    const t = this.tiles, e = Math.min(t.length, 6), i = this.gameData?.language || L, a = this.activeTileIndex, s = t[a], r = t.reduce((_, E) => _ + E.weight, 0), n = this.formatProfit(s.multiplier), d = this.formatChance(s.weight, r);
+    const t = this.tiles, e = Math.min(t.length, 6), i = this.gameData?.language || W, r = this.activeTileIndex, s = t[r], a = t.reduce((_, E) => _ + E.weight, 0), o = this.formatProfit(s.multiplier), d = this.formatChance(s.weight, a);
     return l`
       <div class="container">
         ${this.isDesktop ? l`<div class="multiplier-info">
                 <div class="info-item">
                   <div>
                     <span class="label">${g("common.profitOnWin", i)}:</span>
-                    <span class="value">${n}</span>
+                    <span class="value">${o}</span>
                   </div>
                   <origami-tooltip
-                    content=${this.gameData?.currency ?? G}
+                    content=${this.gameData?.currency ?? q}
                     position="top"
                     .trigger=${["hover"]}
                     .offset=${6}
                     inline
                   >
-                    <span class="info-icon">${pe(this.gameData?.currency ?? G)}</span>
+                    <span class="info-icon">${fe(this.gameData?.currency ?? q)}</span>
                   </origami-tooltip>
                 </div>
 
@@ -784,24 +778,24 @@ let $ = class extends T {
                     size="16px"
                   ></lottie-icon>
                 </div>
-              </div>` : X}
+              </div>` : Z}
 
         <div class="tiles" role="list" style="--grid-columns: ${e}" @mouseleave=${() => this.handleTileMouseLeave()}>
-          ${t.map(({ slot: _, multiplier: E }, I) => {
-      const M = `${E.toString()}X`, j = ne(_), J = this.hoveredTileIndex === I;
+          ${t.map(({ slot: _, multiplier: E }, A) => {
+      const M = `${E.toString()}X`, H = ne(_), Q = this.hoveredTileIndex === A;
       return l`
               <div 
                 class="tile" 
                 role="listitem"
-                hovered=${J}
-                active=${!J && I === a}
-                @mouseenter=${() => this.handleTileMouseEnter(I)}
+                hovered=${Q}
+                active=${!Q && A === r}
+                @mouseenter=${() => this.handleTileMouseEnter(A)}
               >
                 <div class="tile-content">
                   <span class="tile-label">${M}</span>
                   <span 
                     class="dot" 
-                    style=${Me({ backgroundColor: j })}
+                    style=${Ce({ backgroundColor: H })}
                     aria-hidden="true"
                   ></span>
                 </div>
@@ -813,34 +807,34 @@ let $ = class extends T {
     `;
   }
 };
-$.styles = [W, qe];
-B([
-  o({ type: Boolean, attribute: "data-is-desktop" })
+$.styles = [L, ze];
+T([
+  n({ type: Boolean, attribute: "data-is-desktop" })
 ], $.prototype, "isDesktop", 2);
-B([
-  o({ type: String })
+T([
+  n({ type: String })
 ], $.prototype, "risk", 2);
-B([
-  o({ type: Number })
+T([
+  n({ type: Number })
 ], $.prototype, "segments", 2);
-B([
-  o({ type: Number })
+T([
+  n({ type: Number })
 ], $.prototype, "resultSegment", 2);
-B([
-  w()
+T([
+  v()
 ], $.prototype, "hoveredTileIndex", 2);
-B([
-  U({ context: N, subscribe: !0 })
+T([
+  U({ context: R, subscribe: !0 })
 ], $.prototype, "gameData", 2);
-$ = B([
+$ = T([
   k("origami-wheel-content-bottom")
 ], $);
-var ze = Object.defineProperty, Xe = Object.getOwnPropertyDescriptor, D = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Xe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && ze(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && Je(e, i, s), s;
 };
-let y = class extends T {
+let y = class extends C {
   constructor() {
     super(...arguments), this.isDesktop = !1, this.isPlaying = !1, this.history = [], this.risk = u.MEDIUM_RISK, this.segments = 10, this.targetAngle = null, this.resultSegment = null, this.hoveredSegments = [];
   }
@@ -851,7 +845,7 @@ let y = class extends T {
     return l`
       <origami-history-pills
         data-is-desktop=${this.isDesktop}
-        .gameType=${z.WHEEL}
+        .gameType=${X.WHEEL}
         .history=${[...this.history].reverse()}
       ></origami-history-pills>
 
@@ -877,35 +871,35 @@ let y = class extends T {
     `;
   }
 };
-y.styles = [W, Be];
+y.styles = [L, Le];
 D([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], y.prototype, "isDesktop", 2);
 D([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], y.prototype, "isPlaying", 2);
 D([
-  o({ type: Array })
+  n({ type: Array })
 ], y.prototype, "history", 2);
 D([
-  o({ type: String })
+  n({ type: String })
 ], y.prototype, "risk", 2);
 D([
-  o({ type: Number })
+  n({ type: Number })
 ], y.prototype, "segments", 2);
 D([
-  o({ type: Number })
+  n({ type: Number })
 ], y.prototype, "targetAngle", 2);
 D([
-  o({ type: Number })
+  n({ type: Number })
 ], y.prototype, "resultSegment", 2);
 D([
-  w()
+  v()
 ], y.prototype, "hoveredSegments", 2);
 y = D([
   k("origami-wheel-layout")
 ], y);
-const oe = A`
+const le = I`
   :host {
     display: flex;
     flex-direction: column;
@@ -935,7 +929,7 @@ const oe = A`
   .grid-full-width {
     grid-column: span 2;
   }
-`, Ze = A`
+`, et = I`
   :host {
     display: contents;
   }
@@ -944,35 +938,35 @@ const oe = A`
     grid-column: span 2;
   }
 `;
-var Je = Object.defineProperty, Qe = Object.getOwnPropertyDescriptor, H = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Qe(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && Je(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && tt(e, i, s), s;
 };
-const et = {
+const it = {
   [u.LOW_RISK]: "common.low",
   [u.MEDIUM_RISK]: "common.medium",
   [u.HIGH_RISK]: "common.high"
 };
-let O = class extends T {
+let O = class extends C {
   constructor() {
-    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = R.TEN, this.disabled = !1;
+    super(...arguments), this.risk = u.MEDIUM_RISK, this.segments = N.TEN, this.disabled = !1;
   }
   handleRiskChange(t) {
     const { value: e } = t.detail;
-    ie(e) && this.emit("wheel-risk-change", { detail: { value: e } });
+    re(e) && this.emit("wheel-risk-change", { detail: { value: e } });
   }
   handleSegmentsChange(t) {
     const e = Number(t.detail.value);
     ae(e) && this.emit("wheel-segments-change", { detail: { value: e } });
   }
   render() {
-    const t = this.gameData?.language || L;
+    const t = this.gameData?.language || W;
     return l`
       <origami-select
         class="grid-full-width"
         label=${g("common.risk", t)}
-        .options=${xe.map((e) => ({ value: e, label: g(et[e], t) }))}
+        .options=${Ie.map((e) => ({ value: e, label: g(it[e], t) }))}
         .value=${this.risk}
         @select-change=${this.handleRiskChange}
         ?disabled=${this.disabled}
@@ -981,7 +975,7 @@ let O = class extends T {
       <origami-select
         class="grid-full-width"
         label=${g("games.wheel.segments", t)}
-        .options=${Ee.map((e) => ({ value: e.toString(), label: e.toString() }))}
+        .options=${Me.map((e) => ({ value: e.toString(), label: e.toString() }))}
         .value=${this.segments.toString()}
         @select-change=${this.handleSegmentsChange}
         ?disabled=${this.disabled}
@@ -989,30 +983,30 @@ let O = class extends T {
     `;
   }
 };
-O.styles = [W, Ze];
-H([
-  o({ type: String })
+O.styles = [L, et];
+F([
+  n({ type: String })
 ], O.prototype, "risk", 2);
-H([
-  o({ type: Number })
+F([
+  n({ type: Number })
 ], O.prototype, "segments", 2);
-H([
-  o({ type: Boolean })
+F([
+  n({ type: Boolean })
 ], O.prototype, "disabled", 2);
-H([
-  U({ context: N, subscribe: !0 })
+F([
+  U({ context: R, subscribe: !0 })
 ], O.prototype, "gameData", 2);
-O = H([
+O = F([
   k("origami-wheel-selectors")
 ], O);
-var tt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, v = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? st(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && tt(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && rt(e, i, s), s;
 };
-let p = class extends T {
+let p = class extends C {
   constructor() {
-    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;
+    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;
   }
   render() {
     const t = this.gameData?.language || "en";
@@ -1025,7 +1019,7 @@ let p = class extends T {
       this.isBetAmountValid = e.detail.isValid;
     }}
         @bet-amount-input-error-change=${(e) => {
-      this._betAboveBalance = e.detail.invalidReason === me.BET_AMOUNT_ABOVE_BALANCE;
+      this._betAboveBalance = e.detail.invalidReason === ye.BET_AMOUNT_ABOVE_BALANCE;
     }}
       ></origami-bet-amount-input>
 
@@ -1047,45 +1041,45 @@ let p = class extends T {
     `;
   }
 };
-p.styles = [W, oe];
-v([
-  o({ type: Boolean })
+p.styles = [L, le];
+w([
+  n({ type: Boolean })
 ], p.prototype, "isPlaying", 2);
-v([
-  o({ type: Boolean })
+w([
+  n({ type: Boolean })
 ], p.prototype, "betDisabled", 2);
-v([
-  o({ type: Boolean })
+w([
+  n({ type: Boolean })
 ], p.prototype, "inputsDisabled", 2);
-v([
-  o({ type: String })
+w([
+  n({ type: String })
 ], p.prototype, "risk", 2);
-v([
-  o({ type: Number })
+w([
+  n({ type: Number })
 ], p.prototype, "segments", 2);
-v([
-  o({ attribute: !1 })
+w([
+  n({ attribute: !1 })
 ], p.prototype, "betMaxMultiplier", 2);
-v([
-  U({ context: N, subscribe: !0 })
+w([
+  U({ context: R, subscribe: !0 })
 ], p.prototype, "gameData", 2);
-v([
-  w()
+w([
+  v()
 ], p.prototype, "isBetAmountValid", 2);
-v([
-  w()
+w([
+  v()
 ], p.prototype, "_betAboveBalance", 2);
-p = v([
+p = w([
   k("origami-wheel-manual")
 ], p);
-var it = Object.defineProperty, at = Object.getOwnPropertyDescriptor, x = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? at(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && it(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && ot(e, i, s), s;
 };
-let b = class extends T {
+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 = R.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 = N.TEN, this.betMaxMultiplier = f(1);
   }
   render() {
     return l`
@@ -1106,35 +1100,35 @@ let b = class extends T {
     `;
   }
 };
-b.styles = [W, oe];
+b.styles = [L, le];
 x([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], b.prototype, "inputsDisabled", 2);
 x([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], b.prototype, "autobetStopping", 2);
 x([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], b.prototype, "autobetInProgress", 2);
 x([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], b.prototype, "betDisabled", 2);
 x([
-  o({ type: Boolean })
+  n({ type: Boolean })
 ], b.prototype, "isDesktop", 2);
 x([
-  o({ type: String })
+  n({ type: String })
 ], b.prototype, "risk", 2);
 x([
-  o({ type: Number })
+  n({ type: Number })
 ], b.prototype, "segments", 2);
 x([
-  o({ attribute: !1 })
+  n({ attribute: !1 })
 ], b.prototype, "betMaxMultiplier", 2);
 b = x([
   k("origami-wheel-auto")
 ], b);
-const rt = A`
+const lt = I`
   :host {
     height: 100%;
   }
@@ -1143,21 +1137,21 @@ const rt = A`
     display: block;
   }
 `;
-var nt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, S = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ot(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = (a ? n(e, i, s) : n(s)) || s);
-  return a && s && nt(e, i, s), s;
+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--)
+    (o = t[a]) && (s = (r ? o(e, i, s) : o(s)) || s);
+  return r && s && ht(e, i, s), s;
 };
-let m = class extends se {
+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 de(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 be(this, [
       {
         key: " ",
-        callback: () => ee.clickBetButton(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl),
+        callback: () => te.clickBetButton(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl),
         options: {
           repeat: !0,
           repeatInterval: 200,
-          disabled: () => this.gameData?.hotkeysOpenEnabled ? ee.isBetButtonDisabled(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl) : !0
+          disabled: () => this.gameData?.hotkeysOpenEnabled ? te.isBetButtonDisabled(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl) : !0
         }
       }
     ]);
@@ -1169,7 +1163,7 @@ let m = class extends se {
     this.numberOfSegments = t.detail.value, this.resultSegment = null;
   }
   get wheelApi() {
-    return this.isDemoMode ? new Te(this.gameData.edge) : new Oe(this.gameData.authToken, this.gameData.baseUrl);
+    return this.isDemoMode ? new We(this.gameData.edge) : new Be(this.gameData.authToken, this.gameData.baseUrl);
   }
   get isToggleDisabled() {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
@@ -1178,7 +1172,7 @@ let m = class extends se {
     return this.isManualPlaying || this.autobetInProgress || this.autobetStopping;
   }
   wheelSpinCompletedPromise() {
-    return fe(this, "wheel-spin-complete", void 0, Ne, !0);
+    return ve(this, "wheel-spin-complete", void 0, Fe, !0);
   }
   async handleBetExecution(t, e) {
     if (this.resetForNextBet(() => {
@@ -1186,48 +1180,49 @@ let m = class extends se {
     }), !this.gameData?.currency)
       return {
         success: !1,
-        error: g("alerts.gameError", this.gameData?.language || L)
+        error: g("alerts.gameError", this.gameData?.language || W)
       };
     const i = f(this.gameData.balance);
     try {
       if (this.isDemoMode && i.lt(t))
-        throw new Error(g("alerts.insufficientBalance", this.gameData?.language || L));
+        throw new Error(g("alerts.insufficientBalance", this.gameData?.language || W));
       this.preDeductStake(i, t);
-      const a = !this.isInstantBet;
-      a && (this.isWheelSpinning = !0);
+      const r = !this.isInstantBet;
+      r && (this.isWheelSpinning = !0);
       const s = await this.placeBet(
         () => this.wheelApi.startBet({
           amount: t,
           language: this.gameData.language,
           riskLevel: this.wheelRisk,
           segments: this.numberOfSegments,
-          meta: e ? ye(e) : void 0
+          meta: e ? we(e) : void 0
         })
       );
       if (s.success) {
-        const { data: r } = s, n = Number(r.multiplier ?? 0), { betActions: d } = r, _ = d[d.length - 1];
+        const { data: a } = s, o = Number(a.multiplier ?? 0), { betActions: d } = a, _ = d[d.length - 1];
         if (_?.data?.WHEEL) {
           const { result: M } = _.data.WHEEL;
-          this.resultSegment = M[0] ?? 0, this.targetAngle = K.calculateTargetAngle(this.resultSegment, this.numberOfSegments, r.id);
+          this.resultSegment = M[0] ?? 0, this.targetAngle = G.calculateTargetAngle(this.resultSegment, this.numberOfSegments, a.id);
         }
-        a && await this.wheelSpinCompletedPromise(), this.isWheelSpinning = !1;
-        const E = f(n).gt(0);
-        this.history = [...this.history, { multiplier: n, won: E, id: r.id }], this.updateHistoryWithBet(r);
-        const I = this.isDemoMode ? i.minus(r.amount ?? 0).plus(r.payout ?? 0) : f(r.afterBalance ?? 0);
-        return this.gameData.updateBalance(I), f(n).gt(1) && this.playWinFeedback(), s;
+        r && await this.wheelSpinCompletedPromise(), this.isWheelSpinning = !1;
+        const E = f(o).gt(0);
+        this.history = [...this.history, { multiplier: o, won: E, id: a.id }], this.updateHistoryWithBet(a);
+        const A = this.isDemoMode ? i.minus(a.amount ?? 0).plus(a.payout ?? 0) : f(a.afterBalance ?? 0);
+        return this.gameData.updateBalance(A), f(o).gt(1) && this.playWinFeedback(), s;
       } else
-        throw new Error(s.error);
-    } catch (a) {
-      this.gameData.updateBalance(i), this.isWheelSpinning = !1;
-      const s = a instanceof Error ? a.message : g("alerts.gameError", this.gameData?.language || L);
-      return this.showError(s), {
+        return this.gameData.updateBalance(i), this.isWheelSpinning = !1, s;
+    } catch (r) {
+      return this.gameData.updateBalance(i), this.isWheelSpinning = !1, {
         success: !1,
-        error: s
+        error: r instanceof Error ? r.message : g("alerts.gameError", this.gameData?.language || W),
+        errorCode: K.UNKNOWN
       };
     }
   }
   async wheelPlay() {
-    this.isManualPlaying = !0, await this.handleBetExecution(this.gameData?.betAmount ?? "0"), this.isManualPlaying = !1;
+    this.isManualPlaying = !0;
+    const t = await this.handleBetExecution(this.gameData?.betAmount ?? "0");
+    t.success || (this.checkSessionExpired(t.errorCode ?? K.UNKNOWN), this.showError(t.error)), this.isManualPlaying = !1;
   }
   async executeAutobet(t, e) {
     const i = await this.handleBetExecution(e, t);
@@ -1236,15 +1231,16 @@ let m = class extends se {
         pnl: f(0),
         gameOutcome: "Draw",
         hasError: !0,
-        errorMessage: i.error || g("alerts.errorProcessingBet", this.gameData?.language || L)
+        errorCode: i.errorCode ?? K.UNKNOWN,
+        errorMessage: i.error || g("alerts.errorProcessingBet", this.gameData?.language || W)
       };
-    const a = i.data, s = f(a.payout ?? 0).minus(a.amount ?? 0), r = Number(a.multiplier), n = be(r);
-    return await this.holdResultDisplay(), { pnl: s, gameOutcome: n, hasError: !1 };
+    const r = i.data, s = f(r.payout ?? 0).minus(r.amount ?? 0), a = Number(r.multiplier), o = Se(a);
+    return await this.holdResultDisplay(), { pnl: s, gameOutcome: o, hasError: !1 };
   }
   render() {
-    const t = this.gameData?.mainWidth >= 768, e = re(this.gameData.edge, { riskLevel: this.wheelRisk, segments: this.numberOfSegments }), i = !1, a = we(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=${a} .gameType=${z.WHEEL} data-is-desktop=${t}>
+      <origami-game-layout style=${r} .gameType=${X.WHEEL} data-is-desktop=${t}>
         <origami-game-sidebar
           slot="control-panel"
           data-is-desktop=${t}
@@ -1254,7 +1250,7 @@ let m = class extends se {
           @wheel-risk-change=${this.handleWheelRiskChange}
           @wheel-segments-change=${this.handleWheelSegmentsChange}
         >
-          ${Ie(
+          ${Pe(
       this.manualOrAuto === "Manual" ? l`<origami-wheel-manual
                   slot="controls"
                   data-is-desktop=${t}
@@ -1283,7 +1279,7 @@ let m = class extends se {
     )}
         </origami-game-sidebar>
 
-        ${t ? X : l`
+        ${t ? Z : l`
             <origami-wheel-content-bottom
               slot="content-bottom"
               ?data-is-desktop=${t}
@@ -1307,48 +1303,48 @@ let m = class extends se {
     `;
   }
 };
-m.styles = [...se.styles, rt];
+m.styles = [...ie.styles, lt];
 S([
-  w()
+  v()
 ], m.prototype, "isManualPlaying", 2);
 S([
-  w()
+  v()
 ], m.prototype, "history", 2);
 S([
-  w()
+  v()
 ], m.prototype, "wheelRisk", 2);
 S([
-  w()
+  v()
 ], m.prototype, "numberOfSegments", 2);
 S([
-  w()
+  v()
 ], m.prototype, "targetAngle", 2);
 S([
-  w()
+  v()
 ], m.prototype, "resultSegment", 2);
 S([
-  w()
+  v()
 ], m.prototype, "isWheelSpinning", 2);
 S([
-  Z("origami-wheel-manual")
+  J("origami-wheel-manual")
 ], m.prototype, "_wheelManualEl", 2);
 S([
-  Z("origami-wheel-auto")
+  J("origami-wheel-auto")
 ], m.prototype, "_wheelAutoEl", 2);
 m = S([
   k("origami-wheel-game")
 ], m);
-var lt = Object.getOwnPropertyDescriptor, ht = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? lt(e, i) : e, r = t.length - 1, n; r >= 0; r--)
-    (n = t[r]) && (s = n(s) || s);
+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--)
+    (o = t[a]) && (s = o(s) || s);
   return s;
 };
-let Y = class extends Se {
+let z = class extends ke {
   render() {
     return l`<slot></slot>`;
   }
 };
-Y.styles = A`
+z.styles = I`
     :host {
       pointer-events: none;
       width: 100%;
@@ -1369,19 +1365,19 @@ Y.styles = A`
       }
     }
   `;
-Y = ht([
+z = ut([
   k("origami-wheel-outcome")
-], Y);
-const gt = (t) => typeof t == "object" && t !== null && "risk" in t && ie(t.risk) && "segments" in t && ae(t.segments) && "resultSegment" in t && typeof t.resultSegment == "number" && "betId" in t && typeof t.betId == "string", le = (t) => {
+], 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 e = t?.WHEEL;
   return e !== void 0 && "segments" in e ? e : void 0;
-}, ct = (t) => {
-  const e = le(t.betActions[0]?.data), i = t.betActions[t.betActions.length - 1]?.data.WHEEL;
-  return e === void 0 || i === void 0 || !ve(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 };
-}, ut = (t, { enableAnimation: e, inBetResultModal: i, language: a }) => {
-  if (!gt(t))
-    return l`<p>${g("errors.noWheelData", a)}</p>`;
-  const s = K.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
+}, mt = (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 l`<p>${g("errors.noWheelData", r)}</p>`;
+  const s = G.calculateTargetAngle(t.resultSegment, t.segments, t.betId);
   return l`
     <origami-wheel-outcome>
       <origami-wheel-animator
@@ -1397,20 +1393,20 @@ const gt = (t) => typeof t == "object" && t !== null && "risk" in t && ie(t.risk
       ></origami-wheel-animator>
     </origami-wheel-outcome>
   `;
-}, pt = (t) => {
-  const e = le(t);
+}, ft = (t) => {
+  const e = he(t);
   return e === void 0 ? {} : { segments: e.segments, riskLevel: e.riskLevel };
-}, mt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), Dt = {
-  id: z.WHEEL,
+}, yt = ({ segments: t, riskLevel: e }) => ({ segments: t, riskLevel: e }), At = {
+  id: X.WHEEL,
   renderGame: () => l`<origami-wheel-game></origami-wheel-game>`,
-  gameInfo: Pe,
-  maxMultiplier: (t) => re(t).toNumber(),
-  verifierInputs: pt,
-  verifierQuery: mt,
-  extractOutcome: ct,
-  renderOutcome: ut
+  gameInfo: Te,
+  maxMultiplier: (t) => oe(t).toNumber(),
+  verifierInputs: ft,
+  verifierQuery: yt,
+  extractOutcome: mt,
+  renderOutcome: dt
 };
 export {
   m as WheelGame,
-  Dt as wheelUiModule
+  At as wheelUiModule
 };