@betorigami/game-ui-wheel 1.1.9 → 1.1.10

package/dist/index.mjs

@@ -1,9 +1,9 @@
-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 { genCorrelationId as ge, 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 { Wheel as Ce, WheelRiskLevel as u, 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 c from "big.js";
 import { sumPayout as Ue } from "@betorigami/game-engine";
 import { styleMap as je } from "lit/directives/style-map.js";
 const He = {
@@ -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;
   }
@@ -118,7 +118,7 @@ class Fe {
         headers: {
           "Content-Type": "application/json",
           Authorization: `Bearer ${this.authToken}`,
-          "X-Origami-Trace": ce()
+          "X-Origami-Trace": ge()
         },
         body: JSON.stringify({
           amount: e.amount,
@@ -151,11 +151,11 @@ class Ke {
     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({
+    const { amount: i, riskLevel: r, segments: s } = e, n = { riskLevel: r, segments: s, betAmount: c(i) }, l = new Ce().getGameResult({
       generator: de(),
       edge: this.edge,
       gameInputs: n
-    }), p = Ue(l.payout).toString();
+    }), d = Ue(l.payout).toString();
     return { success: !0, data: {
       id: crypto.randomUUID(),
       tenantId: "origami-casino",
@@ -163,7 +163,7 @@ class Ke {
       tenantUserId: "mock-user",
       gameId: "wheel",
       amount: i,
-      payout: p,
+      payout: d,
       afterBalance: "1000",
       multiplier: l.payoutMultiplier.toString(),
       clientSeed: "mock-seed",
@@ -363,7 +363,7 @@ var Je = Object.defineProperty, et = Object.getOwnPropertyDescriptor, F = (t, e,
 };
 let T = class extends D {
   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 = [];
@@ -418,14 +418,14 @@ F([
 T = F([
   $("origami-wheel-svg")
 ], T);
-var tt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, m = (t, e, i, r) => {
+var tt = Object.defineProperty, st = Object.getOwnPropertyDescriptor, p = (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 && tt(e, i, s), s;
 };
 let h = class extends D {
   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, ye), this.skin = new f(this, be), 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();
@@ -520,40 +520,40 @@ let h = class extends D {
   }
 };
 h.styles = [W, qe];
-m([
+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([
+p([
   X(".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`
@@ -700,7 +700,7 @@ var rt = Object.defineProperty, nt = Object.getOwnPropertyDescriptor, R = (t, e,
 };
 let O = class extends D {
   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, z), this.limits = new f(this, se), this.layout = new f(this, ie), this.wallet = new f(this, Se), this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.resultSegment = null, this.hoveredTileIndex = null;
   }
   get edge() {
     return this.limits.value.edge;
@@ -738,14 +738,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) });
+    const { betAmount: e } = this.wallet.value, { maxPayout: i } = this.limits.value, { currency: r } = this.locale.value, s = _e({ 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">
@@ -768,7 +768,7 @@ let O = class extends D {
                 <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"
@@ -828,7 +828,7 @@ var lt = Object.defineProperty, ot = Object.getOwnPropertyDescriptor, A = (t, e,
 };
 let v = class extends D {
   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;
@@ -924,19 +924,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 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 && ht(e, i, s), s;
 };
-const ct = {
-  [c.LOW_RISK]: "common.low",
-  [c.MEDIUM_RISK]: "common.medium",
-  [c.HIGH_RISK]: "common.high"
+const gt = {
+  [u.LOW_RISK]: "common.low",
+  [u.MEDIUM_RISK]: "common.medium",
+  [u.HIGH_RISK]: "common.high"
 };
 let B = class extends D {
   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, z), this.risk = u.MEDIUM_RISK, this.segments = L.TEN, this.disabled = !1;
   }
   handleRiskChange(t) {
     const { value: e } = t.detail;
@@ -952,7 +952,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=${Le.map((e) => ({ value: e, label: g(gt[e], t) }))}
         .value=${this.risk}
         @select-change=${this.handleRiskChange}
         ?disabled=${this.disabled}
@@ -989,7 +989,7 @@ var ut = Object.defineProperty, mt = Object.getOwnPropertyDescriptor, x = (t, e,
 };
 let y = class extends D {
   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, z), 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;
@@ -1059,7 +1059,7 @@ var pt = Object.defineProperty, dt = Object.getOwnPropertyDescriptor, M = (t, e,
 };
 let w = class extends D {
   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`
@@ -1118,9 +1118,9 @@ var yt = Object.defineProperty, bt = Object.getOwnPropertyDescriptor, S = (t, e,
     (l = t[n]) && (s = (r ? l(e, i, s) : l(s)) || s);
   return r && s && yt(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 Ee(this, [
       {
         key: " ",
         callback: () => ee.clickBetButton(this.manualOrAuto, this._wheelManualEl, this._wheelAutoEl),
@@ -1154,7 +1154,7 @@ let u = class extends re {
     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 +1171,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);
         }
         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,14 +1200,15 @@ 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 = 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 = Pe(this.layout.value);
@@ -1268,37 +1269,37 @@ let u = class extends re {
     `;
   }
 };
-u.styles = [...re.styles, ft];
+m.styles = [...re.styles, ft];
 S([
   b()
-], u.prototype, "isManualPlaying", 2);
+], m.prototype, "isManualPlaying", 2);
 S([
   b()
-], u.prototype, "history", 2);
+], m.prototype, "history", 2);
 S([
   b()
-], u.prototype, "wheelRisk", 2);
+], m.prototype, "wheelRisk", 2);
 S([
   b()
-], u.prototype, "numberOfSegments", 2);
+], m.prototype, "numberOfSegments", 2);
 S([
   b()
-], u.prototype, "targetAngle", 2);
+], m.prototype, "targetAngle", 2);
 S([
   b()
-], u.prototype, "resultSegment", 2);
+], m.prototype, "resultSegment", 2);
 S([
   b()
-], u.prototype, "isWheelSpinning", 2);
+], m.prototype, "isWheelSpinning", 2);
 S([
   X("origami-wheel-manual")
-], u.prototype, "_wheelManualEl", 2);
+], m.prototype, "_wheelManualEl", 2);
 S([
   X("origami-wheel-auto")
-], u.prototype, "_wheelAutoEl", 2);
-u = S([
+], m.prototype, "_wheelAutoEl", 2);
+m = S([
   $("origami-wheel-game")
-], u);
+], m);
 var vt = Object.getOwnPropertyDescriptor, wt = (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);
@@ -1333,12 +1334,12 @@ V.styles = I`
 V = wt([
   $("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 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;
 }, _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 };
+  const e = ce(t.betActions[0]?.data), i = t.betActions[t.betActions.length - 1]?.data.WHEEL;
+  return e === void 0 || i === void 0 || !Oe(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>`;
@@ -1358,7 +1359,7 @@ const St = (t) => typeof t == "object" && t !== null && "risk" in t && ne(t.risk
     </origami-wheel-outcome>
   `;
 }, xt = (t) => {
-  const e = ge(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,
@@ -1371,6 +1372,6 @@ const St = (t) => typeof t == "object" && t !== null && "risk" in t && ne(t.risk
   renderOutcome: $t
 };
 export {
-  u as WheelGame,
+  m as WheelGame,
   Bt as wheelUiModule
 };