@everymatrix/casino-game-thumb-view 1.32.4 → 1.33.0

package/dist/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/dist/index.js

@@ -0,0 +1 @@
+export * from './esm/index.js';

package/dist/stencil.config.js

@@ -0,0 +1,40 @@
+import { inlineSvg } from 'stencil-inline-svg';
+import { sass } from '@stencil/sass';
+const local = process.argv && process.argv[2] && process.argv[2].indexOf('--dev') > -1;
+export const config = {
+  namespace: 'casino-game-thumb-view',
+  taskQueue: 'async',
+  plugins: [sass(), inlineSvg()],
+  sourceMap: local,
+  outputTargets: [
+    {
+      type: 'dist',
+      esmLoaderPath: '../loader',
+    },
+    {
+      type: 'dist-custom-elements',
+      autoDefineCustomElements: true,
+      copy: [
+        {
+          src: '**/*.{jpg,png,svg}',
+          dest: 'dist/assets',
+          warn: true,
+        }
+      ],
+    },
+    {
+      type: 'docs-readme',
+    },
+    {
+      type: 'www',
+      copy: [
+        {
+          src: '**/*.{jpg,png,svg}',
+          dest: 'assets',
+          warn: true,
+        }
+      ],
+      serviceWorker: null, // disable service workers
+    },
+  ],
+};

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-stencil/packages/casino-game-thumb-view/.stencil/packages/casino-game-thumb-view/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/casino-extrainfo-baccarat/casino-extrainfo-baccarat.d.ts

@@ -0,0 +1,40 @@
+import { BaccaratUpdateItem, CasinoGameThumbnailDetails, CasinoGameThumbnailInfo } from '../../models/casino-game-thumb-view';
+import { BaccaratSvg } from '../../utils/baccarat-board-svg';
+export declare class CasinoExtrainfoBaccarat {
+  /**
+   * Text language to show
+   */
+  language: string;
+  /**
+   * Text language to show
+   */
+  showRoundBoard: boolean;
+  /**
+   *Casino Game info
+   */
+  gameInfo: CasinoGameThumbnailInfo;
+  /**
+   * Game Details of game info
+   */
+  gameDetails: CasinoGameThumbnailDetails;
+  baccaratRef: HTMLElement;
+  infoWrapperRef: any;
+  baccaratSvg: BaccaratSvg;
+  isBoardInited: boolean;
+  filledCells: Array<string>;
+  /**
+   * Flag to stop update round board
+   * Reset the round board when update value is empty
+   */
+  isResetingRoundBoard: boolean;
+  gameDetailsHandler(newVal: CasinoGameThumbnailDetails, oldVal: CasinoGameThumbnailDetails): void;
+  onGameLoaded(gameInfo: CasinoGameThumbnailInfo): Promise<void>;
+  /**
+   * Called when received update from updater
+   * @param details
+   */
+  onGameDetailUpdated(details: CasinoGameThumbnailDetails): Promise<void>;
+  onBaccaratResultChanged(result: Array<BaccaratUpdateItem>): Promise<void>;
+  initBaccaratRoundsBoard(): void;
+  render(): any;
+}

package/dist/types/components/casino-extrainfo-blackjack/casino-extrainfo-blackjack.d.ts

@@ -0,0 +1,36 @@
+import { CasinoGameThumbnailDetails, CasinoGameThumbnailInfo, SeatsStatus } from '../../models/casino-game-thumb-view';
+export declare class CasinoExtrainfoBlackjack {
+  /**
+   * Text language to show
+   */
+  language: string;
+  /**
+   *Casino Game info
+   */
+  gameInfo: CasinoGameThumbnailInfo;
+  /**
+   * Game Details of game info
+   */
+  gameDetails: CasinoGameThumbnailDetails;
+  /**
+   * Blackjack seats status
+   */
+  seatsStatus: Array<SeatsStatus>;
+  /**
+   * Check is table is Full
+   */
+  isTableFull: boolean;
+  /**
+   * Extra info wrapper element
+   */
+  infoWrapperRef: any;
+  /**
+   * Generate Jackpot live seats info
+   * @param totalSeats
+   * @param occupiedSeats
+   */
+  generateBlackJackSeats(totalSeats?: number, occupiedSeats?: Array<string | number>): any[];
+  onGameLoaded(gameInfo: CasinoGameThumbnailInfo): Promise<void>;
+  onGameDetailUpdated(details: CasinoGameThumbnailDetails): Promise<void>;
+  render(): any;
+}

package/dist/types/components/casino-extrainfo-roulette/casino-extrainfo-roulette.d.ts

@@ -0,0 +1,21 @@
+import { CasinoGameThumbnailDetails, CasinoGameThumbnailInfo } from '../../models/casino-game-thumb-view';
+export declare class CasinoExtrainfoRoulette {
+  /**
+   * Language
+   */
+  language: string;
+  /**
+   * The game info
+   */
+  gameInfo: CasinoGameThumbnailInfo;
+  /**
+   * Details in GameInfo
+   */
+  gameDetails: CasinoGameThumbnailDetails;
+  showLiveClass: boolean;
+  infoWrapperRef: any;
+  onGameLoaded(gameInfo: CasinoGameThumbnailInfo): Promise<void>;
+  onGameDetailUpdated(details: CasinoGameThumbnailDetails): Promise<void>;
+  getRouletteNumberColor(value: number | string): any;
+  render(): any;
+}

package/dist/types/components/casino-game-thumb-view/casino-game-thumb-view.d.ts

@@ -0,0 +1,221 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { CasinoGameThumbnailInfo } from '../../models/casino-game-thumb-view';
+import { EventSourcePolyfill } from 'event-source-polyfill';
+export declare class CasinoGameThumbView {
+  /**
+   * Widget Setting, Game language
+   */
+  language: string;
+  /**
+   *  Widget Setting, Api endpoint for loading game details
+   */
+  endpoint: string;
+  /**
+   *  Widget Setting, User id
+   */
+  userId: string | number;
+  /**
+   *  Widget Setting, User session
+   */
+  /**
+   *  Widget Setting, Show game name if set it as true
+   */
+  showGameName: boolean;
+  /**
+   *  Widget Setting, User session
+   */
+  session: string;
+  /**
+   * Widget Setting, game showed in favorited category
+   */
+  showFavoredCategory: boolean;
+  /**
+   * Widget Setting, Client custom styling via string
+   */
+  clientStyling: string;
+  /**
+   * Widget Setting, Client custom styling via url content
+   */
+  clientStylingUrl: string;
+  /**
+   * Widget Setting, show game in a frame when user clicked 'start'
+   */
+  integratedGameframeMobile: boolean;
+  /**
+   * Widget Setting, show game in a frame when user clicked 'start'
+   * the frame url when integratedGameframeDesktop is true
+   */
+  gamepageModalurl: string;
+  /**
+   * Widget Setting, show game in a frame when user clicked 'start', Open game aframe,
+   * gamepageModalurl value should be set
+   */
+  integratedGameframeDesktop: boolean;
+  /**
+   * Widget Setting, Load game details when set it as true, default value: false
+   * When loadDetails is true and type=='live-casino-tables',
+   * Load gameDetails by endpoint/vendor/gameId if livelobbyEndpoint is null
+   */
+  loadDetails: boolean;
+  /**
+   * Widget Setting, showRoundBoard, default value: false
+   */
+  showRoundBoard: boolean;
+  /**
+   * Widget Setting
+   * Valid value: 'disconnect'/'connect'
+   * Flag to start a updater when a live game show in visible area
+   * when visibilityConnect='connect' && connectLive = 'connect'
+   */
+  visibilityConnect: string;
+  /**
+   * Widget Setting, flag to start a updater when a live game show in visible area
+   * Valid value: 'disconnect'/'connect'
+   * Flag to start a updater when a live game show in visible area
+   * when 'connectLive'= 'connect'
+   */
+  connectLive: string;
+  /**
+   * Game Property, default ''
+   */
+  gameCategory: string;
+  /**
+   * Widget Setting, Live lobby endpoint, use to start a game
+   * Load game info by this url if type=='live-casino-tables'
+   */
+  livelobbyEndpoint: string;
+  /**
+   * Game Property, GameId
+   */
+  gameId: number | string;
+  /**
+   * Game Property, Game Name
+   */
+  gameName: string;
+  /**
+   * Game Property, Game SubVendor
+   */
+  subVendor: string;
+  /**
+   * Game Property, Game vendor
+   */
+  gameVendor: string;
+  /**
+   * Game Property, Game funMode
+   */
+  hasFunMode: boolean;
+  /**
+   * Game Property, hasAnonymousFunMode
+   */
+  hasAnonymousFunMode: boolean;
+  /**
+   * Game Property, Game lunch platform
+   */
+  platform: string;
+  /**
+   * Game Property, Game thumbnail
+   */
+  thumbnail: string;
+  /**
+   * Game Property, is Game Favorited
+   */
+  isFavorite: boolean;
+  /**
+   * Game Property, is Game new
+   */
+  isNew: boolean;
+  /**
+   * Game Property, Customize game cell size
+   */
+  cellSize: string;
+  /**
+   * Game Property, gameTag
+   */
+  gameTag: string;
+  /**
+   * Game Property, type, isLiveCasino when type == 'live-casino-tables'
+   */
+  type: string;
+  gameInfo: CasinoGameThumbnailInfo;
+  isTableFull: boolean;
+  hover: boolean;
+  thumbnailLoaded: boolean;
+  extraInfoRef?: any;
+  extraInfoSlotRef?: any;
+  liveLobbyConnection: EventSourcePolyfill;
+  containerClassWhenDetailChange: string;
+  extraInfoWidget: string;
+  private isUserLoggedIn;
+  private stylingContainer;
+  private isLiveCasino;
+  private limitStylingAppends;
+  onSessionChanged(): void;
+  onTableFullChanged(newVal: boolean, oldVal: boolean): void;
+  toggleFavoriteCasinoGameEvent: EventEmitter<number | string>;
+  handleMouseOver(event: MouseEvent): void;
+  gameFavoritedHandler(event: CustomEvent): void;
+  connectLiveHandler(): void;
+  visibilityConnectHandler(): void;
+  gameDetailChangeHandler(e: MessageEvent): void;
+  messageHandler(e: any): void;
+  resetLiveProperties(): void;
+  isBlackJack(gameCategory: string): boolean;
+  isBaccarat(gameCategory: string): boolean;
+  /**
+   * Calculate component properties by game info,
+   * eg: isLiveCasino, gameInfo, isTableFull
+   */
+  initCtrlProperties(): void;
+  /**
+   * Parse game info by game info api response
+   * @param data
+   */
+  parseGameResponse(data: Array<CasinoGameThumbnailInfo>): void;
+  /**
+   * Parse game detail info, set it to game info
+   */
+  parseGameDetailsResponse(): void;
+  connectGameToLiveLobby(): void;
+  disconnectGameFromLiveLobby(): void;
+  toggleConnect(): void;
+  toggleVisibilityConnect(): void;
+  /**
+   * Get game base info from game api(casino/games/{id})
+   * @private
+   */
+  loadGameById(): void;
+  private loadGameInfoByLobbyEndpoint;
+  private loadGameDetailInfo;
+  /**
+   * Toggle game favorite property
+   * @param gameId
+   * @private
+   */
+  private toggleFavoriteGame;
+  /**
+   * Generate gameInfo obj by props
+   * @private
+   */
+  private generateGameInfoByProps;
+  triggerExtraInfoLoad(): void;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  componentWillLoad(): void;
+  disconnectedCallback(): void;
+  setClientStyling: () => void;
+  setClientStylingURL: () => void;
+  getWidgetTypeByGameCategory(gameCategory: string): any;
+  getGameCategoryType: () => string;
+  getGameContainerClass: () => string;
+  getGameOverlayProps(): {
+    gameName: string;
+    gameId: string | number;
+    gameVendor: string;
+    hasFunMode: boolean;
+    language: string;
+    integratedGameframeMobile: boolean;
+    integratedGameframeDesktop: boolean;
+    gamepageModalurl: string;
+  };
+  render(): any;
+}

package/dist/types/components/casino-game-thumbnail-betlimit/casino-game-thumbnail-betlimit.d.ts

@@ -0,0 +1,17 @@
+import { BetLimit } from '../../models/casino-game-thumb-view';
+export declare class CasinoGameThumbnailBetlimit {
+  /**
+   * The betlimit of live game
+   */
+  betLimit: BetLimit;
+  /**
+   * Number of players
+   */
+  numberOfPlayers: number;
+  private currency;
+  private defaultCurrency;
+  private isBetLimitAvailable;
+  private getCurrencySymbols;
+  componentWillRender(): void;
+  render(): any;
+}

package/dist/types/components/casino-game-thumbnail-extrainfo/casino-game-thumbnail-extrainfo.d.ts

@@ -0,0 +1,16 @@
+import { BetLimit, CasinoGameThumbnailDetails, CasinoGameThumbnailInfo } from '../../models/casino-game-thumb-view';
+export declare class CasinoGameThumbnailExtrainfo {
+  language: string;
+  betLimit: BetLimit;
+  gameInfo: CasinoGameThumbnailInfo;
+  gameDetails: CasinoGameThumbnailDetails;
+  gameStartTime: string;
+  gameTimeFormat: string;
+  isNewGame: boolean;
+  isDouble: boolean;
+  gameTag: string;
+  onGameLoaded(gameInfo: CasinoGameThumbnailInfo): Promise<void>;
+  initTimeProperties(): void;
+  onGameDetailUpdated(details: CasinoGameThumbnailDetails): Promise<void>;
+  render(): any;
+}

package/dist/types/components/casino-game-thumbnail-overlay/casino-game-thumbnail-overlay.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CasinoGameThumbnailOverlay {
+  /**
+   * Event when playnow button clicked
+   */
+  playClicked: EventEmitter<string | number>;
+  /**
+   * Widget Setting, the frame url when integratedGameframeDesktop is true
+   */
+  gamepageModalurl: string;
+  /**
+   * Widget Setting, show game in a frame when user clicked 'start', default: false
+   */
+  integratedGameframeMobile: boolean;
+  /**
+   * Widget Setting, show game in a frame when user clicked 'start', default: false
+   * Open game in a frame,  gamepageModalurl value should be set
+   */
+  integratedGameframeDesktop: boolean;
+  /**
+   * Language
+   */
+  language: string;
+  gameName: string;
+  gameVendor: string;
+  gameId: string | number;
+  hasFunMode: boolean;
+  private userAgent;
+  private onPlayNowClicked;
+  render(): any;
+}

package/dist/types/components/casino-normal-game-thumbnail/casino-normal-game-thumbnail.d.ts

@@ -0,0 +1,7 @@
+import { CasinoGameThumbnailInfo } from '../../models/casino-game-thumb-view';
+export declare class CasinoNormalGameThumbnail {
+  infoWrapperRef: any;
+  language: string;
+  onGameLoaded(gameInfo: CasinoGameThumbnailInfo): Promise<void>;
+  render(): any;
+}