@everymatrix/casino-game-thumb-view 1.13.5

package/dist/types/components.d.ts

@@ -0,0 +1,477 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { BaccaratUpdateItem, BetLimit, CasinoGameThumbnailDetails, CasinoGameThumbnailInfo } from "./models/casino-game-thumb-view";
+export namespace Components {
+    interface CasinoExtrainfoBaccarat {
+        /**
+          * Text language to show
+         */
+        "language": string;
+        "onBaccaratResultChanged": (result: Array<BaccaratUpdateItem>) => Promise<void>;
+        /**
+          * Called when received update from updater
+          * @param details
+         */
+        "onGameDetailUpdated": (details: CasinoGameThumbnailDetails) => Promise<void>;
+        "onGameLoaded": (gameInfo: CasinoGameThumbnailInfo) => Promise<void>;
+        /**
+          * Text language to show
+         */
+        "showRoundBoard": boolean;
+    }
+    interface CasinoExtrainfoBlackjack {
+        /**
+          * Text language to show
+         */
+        "language": string;
+        "onGameDetailUpdated": (details: CasinoGameThumbnailDetails) => Promise<void>;
+        "onGameLoaded": (gameInfo: CasinoGameThumbnailInfo) => Promise<void>;
+    }
+    interface CasinoExtrainfoRoulette {
+        /**
+          * Language
+         */
+        "language": string;
+        "onGameDetailUpdated": (details: CasinoGameThumbnailDetails) => Promise<void>;
+        "onGameLoaded": (gameInfo: CasinoGameThumbnailInfo) => Promise<void>;
+    }
+    interface CasinoGameThumbView {
+        /**
+          * Game Property, Customize game cell size
+         */
+        "cellSize": string;
+        /**
+          * Widget Setting, Client custom styling via string
+         */
+        "clientStyling": string;
+        /**
+          * Widget Setting, Client custom styling via url content
+         */
+        "clientStylingUrl": 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;
+        /**
+          * Widget Setting, Api endpoint for loading game details
+         */
+        "endpoint": string;
+        /**
+          * Game Property, default ''
+         */
+        "gameCategory": string;
+        /**
+          * Game Property, GameId
+         */
+        "gameId": number | string;
+        /**
+          * Game Property, Game Name
+         */
+        "gameName": string;
+        /**
+          * Game Property, gameTag
+         */
+        "gameTag": string;
+        /**
+          * Game Property, Game vendor
+         */
+        "gameVendor": string;
+        /**
+          * Widget Setting, show game in a frame when user clicked 'start' the frame url when integratedGameFrameDesktop is true
+         */
+        "gamepageModalUrl": string;
+        /**
+          * Game Property, hasAnonymousFunMode
+         */
+        "hasAnonymousFunMode": boolean;
+        /**
+          * Game Property, Game funMode
+         */
+        "hasFunMode": boolean;
+        /**
+          * Widget Setting, show game in a frame when user clicked 'start', Open game aframe, gamepageModalUrl value should be set
+         */
+        "integratedGameFrameDesktop": boolean;
+        /**
+          * Widget Setting, show game in a frame when user clicked 'start'
+         */
+        "integratedGameFrameMobile": boolean;
+        /**
+          * Game Property, is Game Favorited
+         */
+        "isFavorite": boolean;
+        /**
+          * Game Property, is Game new
+         */
+        "isNew": boolean;
+        /**
+          * Widget Setting, Game language
+         */
+        "language": string;
+        /**
+          * Widget Setting, Live lobby endpoint, use to start a game Load game info by this url if type=='live-casino-tables'
+         */
+        "livelobbyEndpoint": string;
+        /**
+          * 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;
+        /**
+          * Game Property, Game lunch platform
+         */
+        "platform": string;
+        /**
+          * Widget Setting, User session
+         */
+        "session": string;
+        /**
+          * Widget Setting, game showed in favorited category
+         */
+        "showFavoredCategory": boolean;
+        /**
+          * Widget Setting, Show game name if set it as true
+         */
+        "showGameName": boolean;
+        /**
+          * Widget Setting, showRoundBoard, default value: false
+         */
+        "showRoundBoard": boolean;
+        /**
+          * Game Property, Game SubVendor
+         */
+        "subVendor": string;
+        /**
+          * Game Property, Game thumbnail
+         */
+        "thumbnail": string;
+        /**
+          * Game Property, type, isLiveCasino when type == 'live-casino-tables'
+         */
+        "type": string;
+        /**
+          * Widget Setting, User id
+         */
+        "userId": string | number;
+        /**
+          * 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;
+    }
+    interface CasinoGameThumbnailBetlimit {
+        /**
+          * The betlimit of live game
+         */
+        "betLimit": BetLimit;
+        /**
+          * Number of players
+         */
+        "numberOfPlayers": number;
+    }
+    interface CasinoGameThumbnailExtrainfo {
+        "language": string;
+        "onGameDetailUpdated": (details: CasinoGameThumbnailDetails) => Promise<void>;
+        "onGameLoaded": (gameInfo: CasinoGameThumbnailInfo) => Promise<void>;
+    }
+    interface CasinoGameThumbnailOverlay {
+        "gameId": string | number;
+        "gameName": string;
+        "gameVendor": string;
+        /**
+          * the frame url when integratedGameFrameDesktop is true
+         */
+        "gamepageModalUrl": string;
+        "hasFunMode": boolean;
+        /**
+          * Open game a a frame,  gamepagemodalurl value should be set
+         */
+        "integratedGameFrameDesktop": boolean;
+        /**
+          * integratedGameFrameMobile
+         */
+        "integratedGameFrameMobile": boolean;
+        /**
+          * Language
+         */
+        "language": string;
+    }
+    interface CasinoNormalGameThumbnail {
+    }
+}
+declare global {
+    interface HTMLCasinoExtrainfoBaccaratElement extends Components.CasinoExtrainfoBaccarat, HTMLStencilElement {
+    }
+    var HTMLCasinoExtrainfoBaccaratElement: {
+        prototype: HTMLCasinoExtrainfoBaccaratElement;
+        new (): HTMLCasinoExtrainfoBaccaratElement;
+    };
+    interface HTMLCasinoExtrainfoBlackjackElement extends Components.CasinoExtrainfoBlackjack, HTMLStencilElement {
+    }
+    var HTMLCasinoExtrainfoBlackjackElement: {
+        prototype: HTMLCasinoExtrainfoBlackjackElement;
+        new (): HTMLCasinoExtrainfoBlackjackElement;
+    };
+    interface HTMLCasinoExtrainfoRouletteElement extends Components.CasinoExtrainfoRoulette, HTMLStencilElement {
+    }
+    var HTMLCasinoExtrainfoRouletteElement: {
+        prototype: HTMLCasinoExtrainfoRouletteElement;
+        new (): HTMLCasinoExtrainfoRouletteElement;
+    };
+    interface HTMLCasinoGameThumbViewElement extends Components.CasinoGameThumbView, HTMLStencilElement {
+    }
+    var HTMLCasinoGameThumbViewElement: {
+        prototype: HTMLCasinoGameThumbViewElement;
+        new (): HTMLCasinoGameThumbViewElement;
+    };
+    interface HTMLCasinoGameThumbnailBetlimitElement extends Components.CasinoGameThumbnailBetlimit, HTMLStencilElement {
+    }
+    var HTMLCasinoGameThumbnailBetlimitElement: {
+        prototype: HTMLCasinoGameThumbnailBetlimitElement;
+        new (): HTMLCasinoGameThumbnailBetlimitElement;
+    };
+    interface HTMLCasinoGameThumbnailExtrainfoElement extends Components.CasinoGameThumbnailExtrainfo, HTMLStencilElement {
+    }
+    var HTMLCasinoGameThumbnailExtrainfoElement: {
+        prototype: HTMLCasinoGameThumbnailExtrainfoElement;
+        new (): HTMLCasinoGameThumbnailExtrainfoElement;
+    };
+    interface HTMLCasinoGameThumbnailOverlayElement extends Components.CasinoGameThumbnailOverlay, HTMLStencilElement {
+    }
+    var HTMLCasinoGameThumbnailOverlayElement: {
+        prototype: HTMLCasinoGameThumbnailOverlayElement;
+        new (): HTMLCasinoGameThumbnailOverlayElement;
+    };
+    interface HTMLCasinoNormalGameThumbnailElement extends Components.CasinoNormalGameThumbnail, HTMLStencilElement {
+    }
+    var HTMLCasinoNormalGameThumbnailElement: {
+        prototype: HTMLCasinoNormalGameThumbnailElement;
+        new (): HTMLCasinoNormalGameThumbnailElement;
+    };
+    interface HTMLElementTagNameMap {
+        "casino-extrainfo-baccarat": HTMLCasinoExtrainfoBaccaratElement;
+        "casino-extrainfo-blackjack": HTMLCasinoExtrainfoBlackjackElement;
+        "casino-extrainfo-roulette": HTMLCasinoExtrainfoRouletteElement;
+        "casino-game-thumb-view": HTMLCasinoGameThumbViewElement;
+        "casino-game-thumbnail-betlimit": HTMLCasinoGameThumbnailBetlimitElement;
+        "casino-game-thumbnail-extrainfo": HTMLCasinoGameThumbnailExtrainfoElement;
+        "casino-game-thumbnail-overlay": HTMLCasinoGameThumbnailOverlayElement;
+        "casino-normal-game-thumbnail": HTMLCasinoNormalGameThumbnailElement;
+    }
+}
+declare namespace LocalJSX {
+    interface CasinoExtrainfoBaccarat {
+        /**
+          * Text language to show
+         */
+        "language"?: string;
+        /**
+          * Text language to show
+         */
+        "showRoundBoard"?: boolean;
+    }
+    interface CasinoExtrainfoBlackjack {
+        /**
+          * Text language to show
+         */
+        "language"?: string;
+    }
+    interface CasinoExtrainfoRoulette {
+        /**
+          * Language
+         */
+        "language"?: string;
+    }
+    interface CasinoGameThumbView {
+        /**
+          * Game Property, Customize game cell size
+         */
+        "cellSize"?: string;
+        /**
+          * Widget Setting, Client custom styling via string
+         */
+        "clientStyling"?: string;
+        /**
+          * Widget Setting, Client custom styling via url content
+         */
+        "clientStylingUrl"?: 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;
+        /**
+          * Widget Setting, Api endpoint for loading game details
+         */
+        "endpoint"?: string;
+        /**
+          * Game Property, default ''
+         */
+        "gameCategory"?: string;
+        /**
+          * Game Property, GameId
+         */
+        "gameId"?: number | string;
+        /**
+          * Game Property, Game Name
+         */
+        "gameName"?: string;
+        /**
+          * Game Property, gameTag
+         */
+        "gameTag"?: string;
+        /**
+          * Game Property, Game vendor
+         */
+        "gameVendor"?: string;
+        /**
+          * Widget Setting, show game in a frame when user clicked 'start' the frame url when integratedGameFrameDesktop is true
+         */
+        "gamepageModalUrl"?: string;
+        /**
+          * Game Property, hasAnonymousFunMode
+         */
+        "hasAnonymousFunMode"?: boolean;
+        /**
+          * Game Property, Game funMode
+         */
+        "hasFunMode"?: boolean;
+        /**
+          * Widget Setting, show game in a frame when user clicked 'start', Open game aframe, gamepageModalUrl value should be set
+         */
+        "integratedGameFrameDesktop"?: boolean;
+        /**
+          * Widget Setting, show game in a frame when user clicked 'start'
+         */
+        "integratedGameFrameMobile"?: boolean;
+        /**
+          * Game Property, is Game Favorited
+         */
+        "isFavorite"?: boolean;
+        /**
+          * Game Property, is Game new
+         */
+        "isNew"?: boolean;
+        /**
+          * Widget Setting, Game language
+         */
+        "language"?: string;
+        /**
+          * Widget Setting, Live lobby endpoint, use to start a game Load game info by this url if type=='live-casino-tables'
+         */
+        "livelobbyEndpoint"?: string;
+        /**
+          * 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;
+        "onToggleCasinoGameFavorite"?: (event: CustomEvent<number | string>) => void;
+        /**
+          * Game Property, Game lunch platform
+         */
+        "platform"?: string;
+        /**
+          * Widget Setting, User session
+         */
+        "session"?: string;
+        /**
+          * Widget Setting, game showed in favorited category
+         */
+        "showFavoredCategory"?: boolean;
+        /**
+          * Widget Setting, Show game name if set it as true
+         */
+        "showGameName"?: boolean;
+        /**
+          * Widget Setting, showRoundBoard, default value: false
+         */
+        "showRoundBoard"?: boolean;
+        /**
+          * Game Property, Game SubVendor
+         */
+        "subVendor"?: string;
+        /**
+          * Game Property, Game thumbnail
+         */
+        "thumbnail"?: string;
+        /**
+          * Game Property, type, isLiveCasino when type == 'live-casino-tables'
+         */
+        "type": string;
+        /**
+          * Widget Setting, User id
+         */
+        "userId"?: string | number;
+        /**
+          * 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;
+    }
+    interface CasinoGameThumbnailBetlimit {
+        /**
+          * The betlimit of live game
+         */
+        "betLimit"?: BetLimit;
+        /**
+          * Number of players
+         */
+        "numberOfPlayers"?: number;
+    }
+    interface CasinoGameThumbnailExtrainfo {
+        "language"?: string;
+    }
+    interface CasinoGameThumbnailOverlay {
+        "gameId"?: string | number;
+        "gameName"?: string;
+        "gameVendor"?: string;
+        /**
+          * the frame url when integratedGameFrameDesktop is true
+         */
+        "gamepageModalUrl"?: string;
+        "hasFunMode"?: boolean;
+        /**
+          * Open game a a frame,  gamepagemodalurl value should be set
+         */
+        "integratedGameFrameDesktop"?: boolean;
+        /**
+          * integratedGameFrameMobile
+         */
+        "integratedGameFrameMobile"?: boolean;
+        /**
+          * Language
+         */
+        "language"?: string;
+        /**
+          * Event when playnow button clicked
+         */
+        "onPlayCasinoGame"?: (event: CustomEvent<string | number>) => void;
+    }
+    interface CasinoNormalGameThumbnail {
+    }
+    interface IntrinsicElements {
+        "casino-extrainfo-baccarat": CasinoExtrainfoBaccarat;
+        "casino-extrainfo-blackjack": CasinoExtrainfoBlackjack;
+        "casino-extrainfo-roulette": CasinoExtrainfoRoulette;
+        "casino-game-thumb-view": CasinoGameThumbView;
+        "casino-game-thumbnail-betlimit": CasinoGameThumbnailBetlimit;
+        "casino-game-thumbnail-extrainfo": CasinoGameThumbnailExtrainfo;
+        "casino-game-thumbnail-overlay": CasinoGameThumbnailOverlay;
+        "casino-normal-game-thumbnail": CasinoNormalGameThumbnail;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "casino-extrainfo-baccarat": LocalJSX.CasinoExtrainfoBaccarat & JSXBase.HTMLAttributes<HTMLCasinoExtrainfoBaccaratElement>;
+            "casino-extrainfo-blackjack": LocalJSX.CasinoExtrainfoBlackjack & JSXBase.HTMLAttributes<HTMLCasinoExtrainfoBlackjackElement>;
+            "casino-extrainfo-roulette": LocalJSX.CasinoExtrainfoRoulette & JSXBase.HTMLAttributes<HTMLCasinoExtrainfoRouletteElement>;
+            "casino-game-thumb-view": LocalJSX.CasinoGameThumbView & JSXBase.HTMLAttributes<HTMLCasinoGameThumbViewElement>;
+            "casino-game-thumbnail-betlimit": LocalJSX.CasinoGameThumbnailBetlimit & JSXBase.HTMLAttributes<HTMLCasinoGameThumbnailBetlimitElement>;
+            "casino-game-thumbnail-extrainfo": LocalJSX.CasinoGameThumbnailExtrainfo & JSXBase.HTMLAttributes<HTMLCasinoGameThumbnailExtrainfoElement>;
+            "casino-game-thumbnail-overlay": LocalJSX.CasinoGameThumbnailOverlay & JSXBase.HTMLAttributes<HTMLCasinoGameThumbnailOverlayElement>;
+            "casino-normal-game-thumbnail": LocalJSX.CasinoNormalGameThumbnail & JSXBase.HTMLAttributes<HTMLCasinoNormalGameThumbnailElement>;
+        }
+    }
+}

package/dist/types/constants/game-thumbnail.d.ts

@@ -0,0 +1,83 @@
+export declare const GameThumbnail: {
+  GAME_CLASS_BACKGROUND_IMG: string;
+  GAME_CLASS_OVERLAY: string;
+  GAME_CLASS_GameInnerContainer: string;
+};
+export declare const DEFAULT_BLACKJACK_TOTAL_SEATS = 7;
+export declare const MONEY_WHEEL_COLOR_MAP: {
+  '01': string;
+  '02': string;
+  10: string;
+  40: string;
+  '05': string;
+  20: string;
+  X7: string;
+  X2: string;
+};
+export declare const ROULETTE_COLOR_MAP: {
+  1: string;
+  3: string;
+  5: string;
+  7: string;
+  9: string;
+  12: string;
+  14: string;
+  16: string;
+  18: string;
+  19: string;
+  21: string;
+  23: string;
+  25: string;
+  27: string;
+  30: string;
+  32: string;
+  34: string;
+  36: string;
+  2: string;
+  4: string;
+  6: string;
+  8: string;
+  10: string;
+  11: string;
+  13: string;
+  15: string;
+  17: string;
+  20: string;
+  22: string;
+  24: string;
+  26: string;
+  28: string;
+  29: string;
+  31: string;
+  33: string;
+  35: string;
+  0: string;
+  '00': string;
+};
+export declare enum GAME_CATEGORY {
+  BLACKJACK = "blackjack",
+  ROULETTE = "roulette",
+  DOUBLEBALL_ROULETTE = "doubleballroulette",
+  BACCARAT = "baccarat"
+}
+export declare enum GAME_TYPE {
+  NORMAL_CASINO = "casino-games",
+  LIVE_CASINO = "live-casino-tables",
+  OTHER = ""
+}
+export declare const WIDGETTYPE_GAMECATEGORY: {
+  roulette: string;
+  doubleballroulette: string;
+  blackjack: string;
+  baccarat: string;
+};
+export declare const WIDGETTYPE_CLASS: {
+  roulette: string;
+  doubleballroulette: string;
+  blackjack: string;
+  baccarat: string;
+};
+export declare const WINNER_COLOR: {
+  banker: string;
+  player: string;
+};

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components';

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

@@ -0,0 +1,132 @@
+export declare type CasinoGameOpenHourValue = {
+  endTime: string;
+  originalTimeFormat: string;
+  startTime: string;
+  timeFormat: string;
+};
+export declare type CasinoGameOpenHours = {
+  type: string;
+  value?: CasinoGameOpenHourValue;
+};
+export declare type Dealer = {
+  DealerName: string;
+};
+export declare type Limit = {
+  [key: string]: number;
+};
+export interface BetLimit {
+  min?: Limit;
+  max?: Limit;
+}
+export interface BaccaratLocation {
+  column: number;
+  row: number;
+}
+export interface OriBaccaratLocation {
+  Column: number;
+  Row: number;
+}
+export interface BaccaratUpdateItem {
+  winner: BaccaratWinner;
+  color?: string;
+  score?: string;
+  ties?: number;
+  isOdd?: boolean;
+  playerPair?: boolean;
+  bankerPair?: boolean;
+  location?: BaccaratLocation;
+  natural?: boolean;
+}
+export interface OriBaccaratUpdateItem {
+  Winner: BaccaratWinner;
+  Color?: string;
+  Score?: string;
+  Ties?: number;
+  IsOdd?: boolean;
+  PlayerPair?: boolean;
+  BankerPair?: boolean;
+  Location?: OriBaccaratLocation;
+  Natural?: boolean;
+}
+export interface CasinoGameThumbnailDetails {
+  id: string | number;
+  isOpen: boolean;
+  vendorCategory: string;
+  openHours: CasinoGameOpenHours;
+  /**
+   * Roulette property
+   */
+  currentRouletteNumbers?: Array<string | number>;
+  /**
+   * DoubleRoulette property
+   */
+  currentDoubleBallRouletteNumbers?: Array<{
+    [key: number]: number | string;
+  }>;
+  /**
+   * BlackJack property
+   */
+  currentOccupiedSeats?: Array<string | number>;
+  /**
+   * BlackJack property
+   */
+  totalSeats?: number;
+  betLimit: BetLimit;
+  category: CasinoGameCategory;
+  dealer: Dealer;
+  numberOfPlayers?: number;
+  results?: Array<BaccaratUpdateItem>;
+  baccaratResults?: Array<OriBaccaratUpdateItem>;
+}
+export declare enum CasinoGameCategory {
+  ROULETTE = "ROULETTE",
+  POKER = "POKER",
+  BLACKJACK = "BLACKJACK"
+}
+export declare enum BaccaratWinner {
+  PLAYER = "Player",
+  WINNER = "Banker",
+  TIE = "Tie"
+}
+export declare type SeatsStatus = {
+  seatNo: number;
+  isClosed: boolean;
+};
+export interface CasinoVendor {
+  href: string;
+  displayName?: string;
+  id?: string | number;
+  image?: string;
+  isTopVendor?: boolean;
+  logo?: string;
+  name?: string;
+}
+export interface CasinoGameThumbnailInfo {
+  name: string;
+  id: number;
+  vendor: CasinoVendor;
+  subVendor: string;
+  subVendorId: number;
+  vendorGameId?: string | number;
+  type?: string;
+  defaultThumbnail?: string;
+  thumbnail: string;
+  thumbnails?: string[];
+  cellSize?: string;
+  launchUrl?: string;
+  logo?: string;
+  liveCasinoCategory?: CasinoGameCategory | string;
+  platform?: string[];
+  details?: CasinoGameThumbnailDetails;
+  gameId?: number | string;
+  gameCode?: string;
+  hasFunMode?: boolean;
+  hasAnonymousFunMode: boolean;
+  width?: number;
+  height?: number;
+  isNew?: boolean;
+  isVIPTable?: boolean;
+  isFavorite?: boolean;
+  advancedTags?: Array<any>;
+  gameTag?: string;
+}