@betorigami/game-ui-shared 1.3.1 → 1.5.0

package/dist/components/shared/Button/Button.d.ts

@@ -11,12 +11,12 @@ export declare class Button extends OrigamiElement {
         serializable?: boolean;
         slotAssignment?: SlotAssignmentMode;
     };
-    gameData: gameContextType;
+    gameData?: gameContextType;
     variant: ButtonVariant;
     disabled: boolean;
     ariaLabel: string | null;
     ariaDescribedby: string | null;
-    type: string;
+    type: HTMLButtonElement['type'];
     isLoading: boolean;
     fullWidth: boolean;
     hotkey?: string;

package/dist/components/shared/Button/Button.styles.d.ts

@@ -1 +1,3 @@
-export declare const buttonStyles: import('lit').CSSResult;
+export declare const buttonBaseStyles: import('lit').CSSResult;
+export declare const buttonStateStyles: import('lit').CSSResult;
+export declare const linkButtonStyles: import('lit').CSSResult;

package/dist/components/shared/Button/LinkButton.d.ts

@@ -0,0 +1,24 @@
+import { default as OrigamiElement } from '../../../shared/origami-element';
+import { gameContextType } from '../context/game.context';
+import { ButtonVariant } from './Button';
+export type LinkButtonTarget = '_self' | '_top' | '_blank';
+export declare class LinkButton extends OrigamiElement {
+    static styles: import('lit').CSSResult[];
+    static shadowRootOptions: {
+        delegatesFocus: boolean;
+        clonable?: boolean;
+        customElementRegistry?: CustomElementRegistry;
+        mode: ShadowRootMode;
+        serializable?: boolean;
+        slotAssignment?: SlotAssignmentMode;
+    };
+    gameData?: gameContextType;
+    href: string;
+    target: LinkButtonTarget;
+    variant: ButtonVariant;
+    fullWidth: boolean;
+    ariaLabel: string | null;
+    private _handlePointerDown;
+    private _handleClick;
+    render(): import('lit').TemplateResult<1>;
+}

package/dist/components/shared/DepositButton/DepositButton.d.ts

@@ -3,7 +3,6 @@ import { gameContextType } from '../context/game.context';
 export declare class DepositButton extends OrigamiElement {
     betAboveBalance: boolean;
     gameData?: gameContextType;
-    private handleDepositClick;
     private shouldShowDepositButton;
     render(): import('lit').TemplateResult<1>;
 }

package/dist/components/shared/Footer/Footer.d.ts

@@ -9,7 +9,6 @@ export declare class Footer extends OrigamiElement {
     hotkeysOpen: boolean;
     private isVolumeSliderOpen;
     private get logoUrl();
-    private handleLobbyClick;
     private handleVolumeClick;
     private handleInstantBetClick;
     private handleProvablyFairClick;

package/dist/components/shared/GameComponent.d.ts

@@ -3,6 +3,7 @@ import { default as OrigamiElement } from '../../shared/origami-element';
 import { ErrorCode } from '../../shared/provider-api/error-codes';
 import { BetMode } from './GameSidebar/GameSidebar';
 import { AutobetEventPayload } from './GenericAutobet/GenericAutobet';
+import { UiLockContent } from './UiLock/UiLockContent';
 import { default as Big } from 'big.js';
 import { NewBetItem } from '../../controllers/history.controller';
 export declare const isBetMode: (value: unknown) => value is BetMode;
@@ -76,6 +77,7 @@ export declare abstract class GameComponent extends OrigamiElement {
     protected updateHistoryWithBet(betResult: NewBetItem): void;
     protected setActiveBetNonce(nonce: number): void;
     protected checkSessionExpired: (errorCode: ErrorCode) => void;
+    protected lockUi: (lock: UiLockContent) => void;
     protected showError(message: string): void;
     protected playWinFeedback(): void;
 }

package/dist/components/shared/GameLayout/GameLayout.d.ts

@@ -19,7 +19,8 @@ export declare class GameLayout extends OrigamiElement {
     private navigateToModal;
     private historyHasNextPage;
     private isLoadingMoreHistory;
-    private get sessionLocked();
+    private get uiLock();
+    private get isUiLocked();
     private get gameFooterPosition();
     get isDemoMode(): boolean;
     private getCustomBackgroundUrl;

package/dist/components/shared/GameOutcomeDisplay/GameOutcomeDisplay.d.ts

@@ -8,5 +8,5 @@ export declare class GameOutcomeDisplay extends LitElement {
     enableAnimation: boolean;
     persistResult: boolean;
     private gameConsumer;
-    render(): typeof nothing | import('lit').TemplateResult;
+    render(): import('lit').TemplateResult | typeof nothing;
 }

package/dist/components/shared/GameProviderWrapper.d.ts

@@ -19,9 +19,8 @@ export declare class GameProviderWrapper extends OrigamiElement {
     maxPayout: number | null;
     minBet: number | null;
     maxBet: number | null;
-    edge: 8 | 2 | 1 | 3 | 4;
+    edge: 1 | 2 | 3 | 8 | 4;
     showCurrencyAsText: boolean;
-    sessionLocked: boolean;
     footerPosition: 'ABOVE' | 'BELOW';
     logoUrl: string | null;
     alwaysEnableMaxBetButton: boolean;
@@ -82,8 +81,10 @@ export declare class GameProviderWrapper extends OrigamiElement {
     private _haptics;
     private _resizeObserver;
     private hasLoadedBalance;
+    private uiLock;
     protected _gameProvider: ContextProvider<typeof gameContext>;
-    private handleSessionExpired;
+    private applyUiLock;
+    private handleLockUi;
     connectedCallback(): void;
     firstUpdated(_changed: PropertyValues): Promise<void>;
     disconnectedCallback(): void;

package/dist/components/shared/UiLock/UiLock.d.ts

@@ -0,0 +1,10 @@
+import { TemplateResult } from 'lit';
+import { default as OrigamiElement } from '../../../shared/origami-element';
+export declare class UiLock extends OrigamiElement {
+    static styles: import('lit').CSSResult[];
+    title: string;
+    description: string;
+    button?: TemplateResult;
+    protected firstUpdated(): Promise<void>;
+    render(): TemplateResult<1>;
+}

package/dist/components/shared/UiLock/UiLock.styles.d.ts

@@ -0,0 +1 @@
+export declare const uiLockStyles: import('lit').CSSResult;

package/dist/components/shared/UiLock/UiLockContent.d.ts

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit';
+import { Language } from '../../../translations';
+export type UiLockContent = {
+    title: string;
+    description: string;
+    button?: TemplateResult;
+};
+export declare const createLobbyLockButton: (lobbyUrl: string | null, language: Language) => TemplateResult | undefined;
+export declare const createSessionExpiredLock: (lobbyUrl: string | null, language: Language) => UiLockContent;

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

@@ -4,6 +4,7 @@ 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;
@@ -40,7 +41,7 @@ export type gameContextType = {
     minBet: number | null;
     maxBet: number | null;
     edge: SupportedEdgePercentages;
-    sessionLocked: boolean;
+    uiLock: UiLockContent | null;
     footerPosition: 'ABOVE' | 'BELOW';
     logoUrl: string | null;
     alwaysEnableMaxBetButton: boolean;

package/dist/controllers/hotkey.controller.d.ts

@@ -22,7 +22,7 @@ export declare class HotkeyController {
     private _clearRepeatTimer;
     private isInputCurrentlyFocused;
     private checkForOpenModals;
-    private checkForSessionLock;
+    private checkForUiLock;
     private shouldSkipAction;
     private _onKeyDown;
     private _onKeyUp;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export * from './components/shared/BetResultModal/BetResultModal.styles';
 export * from './components/shared/BetResultModal/BetResultModal';
 export * from './components/shared/Button/Button.styles';
 export * from './components/shared/Button/Button';
+export * from './components/shared/Button/LinkButton';
 export * from './components/shared/Button/ButtonGroup.styles';
 export * from './components/shared/Button/ButtonGroup';
 export * from './components/shared/ChipStack/ChipStack.styles';
@@ -182,8 +183,9 @@ export * from './utils/game-layout-style';
 export * from './utils/scroll';
 export * from './utils/slot.controller';
 export * from './utils/tabbable';
-export * from './components/shared/SessionLock/SessionLock.styles';
-export * from './components/shared/SessionLock/SessionLock';
+export * from './components/shared/UiLock/UiLock.styles';
+export * from './components/shared/UiLock/UiLock';
+export * from './components/shared/UiLock/UiLockContent';
 export * from './components/shared/GameProviderWrapper';
 export * from './components/shared/GameProviderWrapper.styles';
 export * from './components/shared/BetDetailsComponent/BetDetailsComponent';