@betorigami/game-ui-shared 1.7.0 → 2.0.1

package/dist/shared/button-feedback.d.ts

@@ -1,13 +1,5 @@
-import { ResolvedSound } from '../controllers/sound/sound-layer.types';
-export interface ButtonFeedbackContext {
-    volume?: number;
-    soundEffects?: {
-        play?: (sound: ResolvedSound, volume: number) => void;
-    };
-    haptics?: {
-        tap?: () => void;
-    };
-}
-export declare const playButtonPressFeedback: (context: ButtonFeedbackContext | undefined, intensity: number) => void;
-export declare const playButtonClickFeedback: (context: ButtonFeedbackContext | undefined, intensity: number) => void;
-export declare const withButtonClickFeedback: <Args extends unknown[]>(getContext: () => ButtonFeedbackContext | undefined, callback: (...args: Args) => void, intensity?: number) => ((...args: Args) => void);
+import { ServicesContextType } from '../components/shared/context/slices/services.context';
+export type ButtonFeedbackContext = Pick<ServicesContextType, 'soundEffects' | 'haptics'>;
+export declare const playButtonPressFeedback: (context: ButtonFeedbackContext, intensity: number) => void;
+export declare const playButtonClickFeedback: (context: ButtonFeedbackContext, intensity: number) => void;
+export declare const withButtonClickFeedback: <Args extends unknown[]>(getContext: () => ButtonFeedbackContext, callback: (...args: Args) => void, intensity?: number) => ((...args: Args) => void);

package/dist/shared/cards/Card.d.ts

@@ -2,6 +2,7 @@ import { PropertyValues } from 'lit';
 import { default as OrigamiElement } from '../origami-element';
 import { Card } from '@betorigami/game-calculations';
 export declare class OrigamiCard extends OrigamiElement {
+    private readonly skin;
     static styles: import('lit').CSSResult[];
     card?: Card;
     faceDown: boolean;
@@ -9,7 +10,6 @@ export declare class OrigamiCard extends OrigamiElement {
     extraClass: string;
     revealed: boolean;
     instantMode: boolean;
-    cardBackImageUrl: string | null;
     private _hasAnimatedReveal;
     cardContent: HTMLElement;
     private get prefersReducedMotion();

package/dist/shared/cards/CardStack.d.ts

@@ -1,6 +1,5 @@
 import { default as OrigamiElement } from '../origami-element';
 export declare class CardStack extends OrigamiElement {
     static styles: import('lit').CSSResult[];
-    cardBackImageUrl: string | null;
     render(): import('lit').TemplateResult<1>;
 }

package/dist/shared/create-api-factory.d.ts

@@ -1,4 +1,4 @@
-type ApiContext = {
+export type ApiSession = {
     authToken: string;
     baseUrl: string;
 };
@@ -6,5 +6,5 @@ type ApiFactoryConfig<TApi> = {
     createReal: (authToken: string, baseUrl: string) => TApi;
     createMock: () => TApi;
 };
-export declare function createApiFactory<TApi>(getContext: () => ApiContext, isDemoMode: () => boolean, config: ApiFactoryConfig<TApi>): () => TApi;
+export declare function createApiFactory<TApi>(getContext: () => ApiSession, isDemoMode: () => boolean, config: ApiFactoryConfig<TApi>): () => TApi;
 export {};

package/dist/shared/game-ui-module.d.ts

@@ -1,5 +1,5 @@
 import { nothing, TemplateResult } from 'lit';
-import { gameContextType } from '../components/shared/context/game.context';
+import { LimitsContextType } from '../components/shared/context/slices/limits.context';
 import { GameInfoConfig } from '../components/shared/GameInfo/gameInfoConfig';
 import { Action, BetResult } from './bet.types';
 import { OrigamiGame } from './constants';
@@ -15,7 +15,7 @@ export interface GameUiModule {
     readonly id: OrigamiGame;
     readonly renderGame: () => TemplateResult;
     readonly gameInfo: GameInfoConfig;
-    readonly maxMultiplier: (edge: number, gameData?: gameContextType) => number;
+    readonly maxMultiplier: (limits: LimitsContextType) => number;
     readonly verifierInputs: (betActionData: Action['data']) => VerifierGameOptions;
     readonly verifierQuery: (request: VerifierUrlRequest) => VerifierQueryOptions;
     readonly extractOutcome: (bet: Omit<BetResult, 'afterBalance'>) => unknown;

package/dist/shared/mock-bridged-game-service.d.ts

@@ -1,4 +1,5 @@
-import { PlayResult, RandomNumberGenerator } from '@betorigami/game-calculations';
+import { default as Big } from 'big.js';
+import { PlayRequest, PlayResult } from '@betorigami/game-calculations';
 import { Action, BetResult } from './bet.types';
 export type MockGameResult = {
     success: true;
@@ -8,9 +9,7 @@ export type MockGameResult = {
     error: string;
 };
 export type GameEngine = {
-    play(generator: RandomNumberGenerator, action: {
-        readonly type: string;
-    } & Record<string, unknown>, previousActions?: readonly PlayResult[]): PlayResult;
+    play(request: PlayRequest): PlayResult;
 };
 export declare abstract class MockBridgedGameService {
     protected abstract readonly gameId: string;
@@ -18,7 +17,7 @@ export declare abstract class MockBridgedGameService {
     protected abstract readonly minRandomValue: number;
     protected abstract readonly maxRandomValue: number;
     protected readonly edge: number;
-    protected abstract createGameEngine(edge: number): GameEngine;
+    protected abstract createGameEngine(): GameEngine;
     protected abstract toActionData(playResult: PlayResult): Action['data'];
     private currentBalance;
     private activeBet;
@@ -28,6 +27,7 @@ export declare abstract class MockBridgedGameService {
     private amount;
     protected constructor(initialBalance: number);
     setRandomSequence(values: number[]): void;
+    protected roundStake(unroundedStake: Big): Big;
     protected startGame(input: {
         amount: string;
         gameInputs: {

package/dist/shared/number-attribute.d.ts

@@ -0,0 +1,3 @@
+import { ComplexAttributeConverter } from 'lit';
+export declare const numberAttribute: (fallback: number) => ComplexAttributeConverter<number>;
+export declare const nullableNumberAttribute: ComplexAttributeConverter<number | null>;

package/dist/shared/profit-on-win.d.ts

@@ -0,0 +1,6 @@
+import { default as Big } from 'big.js';
+export declare const calculateProfitOnWin: ({ betAmount, multiplier, maxPayout }: {
+    betAmount: Big;
+    multiplier: Big;
+    maxPayout: Big;
+}) => Big;

package/dist/translations/language.context.d.ts

@@ -1,9 +1,2 @@
 export type Language = 'ar' | 'de' | 'en' | 'en-soc' | 'es' | 'fi' | 'fr' | 'hi' | 'id' | 'ja' | 'ko' | 'pl' | 'pt' | 'ru' | 'tr' | 'vi' | 'zh';
-export interface LanguageContextType {
-    language: Language;
-    setLanguage: (language: Language) => void;
-}
-export declare const languageContext: {
-    __context__: LanguageContextType;
-};
 export declare const DEFAULT_LANGUAGE: Language;

package/dist/utils/game-layout-style.d.ts

@@ -1,9 +1,7 @@
+import { LayoutContextType } from '../components/shared/context/slices/layout.context';
 /**
- * Calculates the game layout style based on viewport dimensions and game data
- * @param gameData - The game data containing scale and mainWidth properties
+ * Calculates the game layout style based on viewport dimensions and the layout context
+ * @param layout - The layout context containing the scale and isDesktop properties
  * @returns The calculated CSS style string for the game layout
  */
-export declare function calculateGameLayoutStyle(gameData: {
-    scale: number;
-    mainWidth: number;
-}): string;
+export declare function calculateGameLayoutStyle(layout: LayoutContextType): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@betorigami/game-ui-shared",
-  "version": "1.7.0",
+  "version": "2.0.1",
   "author": "",
   "license": "UNLICENSED",
   "description": "The Lit components, controllers, translations and wire types shared by every Origami game UI",
@@ -25,7 +25,8 @@
     "lit": "^3.3.0"
   },
   "dependencies": {
-    "@betorigami/game-calculations": "10.0.0",
+    "@betorigami/game-calculations": "11.0.1",
+    "@betorigami/guard": "^2.0.7",
     "lottie-web": "^5.13.0",
     "web-haptics": "^0.0.6"
   },

package/dist/components/shared/context/game.context.d.ts

@@ -1,93 +0,0 @@
-import { default as Big } from 'big.js';
-import { HapticsController } from '../../../controllers/haptics.controller';
-import { HistoryController } from '../../../controllers/history.controller';
-import { SoundEffectsController } from '../../../controllers/sound/sound-effects.controller';
-import { SupportedEdgePercentages, Currency } from '../../../shared/constants';
-import { Language } from '../../../translations';
-import { UiLockContent } from '../UiLock/UiLockContent';
-export type gameContextType = {
-    betAmount: string;
-    updateBetAmount: (newAmount: Big) => void;
-    updateBalance: (newAmount: Big) => void;
-    currency: Currency;
-    currencyDecimals: number;
-    payoutDecimals: number;
-    showCurrencyAsText: boolean;
-    balance: number;
-    scale: number;
-    baseUrl: string;
-    authToken: string;
-    publicKey: string;
-    hotkeysOpenEnabled: boolean;
-    showMaxBetButton: boolean;
-    volume: number;
-    instantBetEnabled: boolean;
-    mainWidth: number;
-    updateMainWidth: (width: number) => void;
-    updateHotkeysOpenEnabled: (enabled: boolean) => void;
-    updateShowMaxBetButton: (enabled: boolean) => void;
-    updateVolume: (volume: number) => void;
-    updateInstantBetEnabled: (enabled: boolean) => void;
-    language: Language;
-    autobetNumberOfBets: number;
-    updateAutobetNumberOfBets: (numberOfBets: number) => void;
-    soundEffects?: SoundEffectsController;
-    historyController?: HistoryController;
-    haptics?: HapticsController;
-    lobbyUrl: string | null;
-    depositUrl?: string;
-    hasLoadedBalance: boolean;
-    maxPayout: number | null;
-    minBet: number | null;
-    maxBet: number | null;
-    edge: SupportedEdgePercentages;
-    uiLock: UiLockContent | null;
-    footerPosition: 'ABOVE' | 'BELOW';
-    logoUrl: string | null;
-    alwaysEnableMaxBetButton: boolean;
-    gcCurrencyIconSvgUrl: string | null;
-    scCurrencyIconSvgUrl: string | null;
-    customMinesBackgroundSvgUrl: string | null;
-    customMinesGemSvgUrl: string | null;
-    customMinesBombSvgUrl: string | null;
-    customMinesTileSvgUrl: string | null;
-    customMinesAutobetSelectedTileSvgUrl: string | null;
-    customKenoBackgroundSvgUrl: string | null;
-    customKenoGemSvgUrl: string | null;
-    customKenoNonMatchTileSvgUrl: string | null;
-    customKenoTileSvgUrl: string | null;
-    customKenoSelectedTileSvgUrl: string | null;
-    customRouletteBackgroundSvgUrl: string | null;
-    roulettePreventOppositeBets: boolean;
-    customDiceBackgroundSvgUrl: string | null;
-    diceMinMultiplier: number | null;
-    advancedDiceMinMultiplier: number | null;
-    customAdvancedDiceBackgroundSvgUrl: string | null;
-    customPlinkoBackgroundSvgUrl: string | null;
-    customPlinkoEdgeColor: string | null;
-    customPlinkoCenterColor: string | null;
-    customBaccaratBackgroundSvgUrl: string | null;
-    baccaratPreventOppositeBets: boolean;
-    customLimboBackgroundSvgUrl: string | null;
-    customWheelBackgroundSvgUrl: string | null;
-    customWheelCenterSvgUrl: string | null;
-    customWheelCenterPadding: number | null;
-    customDiamondsBackgroundSvgUrl: string | null;
-    customBlackjackBackgroundSvgUrl: string | null;
-    customBlitzBackgroundSvgUrl: string | null;
-    blitzMinPickCount: number | null;
-    blitzMaxPickCount: number | null;
-    customCardBackSvgUrl: string | null;
-    customCardRedColor: string | null;
-    customCardBlackColor: string | null;
-    customFooterLobbySvgUrl: string | null;
-    customFooterVolumeSvgUrl: string | null;
-    customFooterGameInfoSvgUrl: string | null;
-    customFooterInstantBetSvgUrl: string | null;
-    customFooterHotkeysSvgUrl: string | null;
-    customFooterProvablyFairSvgUrl: string | null;
-};
-export declare const DEFAULT_GAME_CONTEXT: gameContextType;
-export declare const gameContext: {
-    __context__: gameContextType;
-};