@everymatrix/casino-game-page 1.17.1 → 1.17.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "1.17.1",
+  "version": "1.17.3",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f2155458138e80c61c668cc7e75c645d6f16709c"
+  "gitHead": "89baba5648f1fb1c1ff4fbe9369eb83965480ce7"
 }

package/src/CasinoGamePage.svelte

@@ -125,7 +125,7 @@
   }
 
   const createGameURL = (gameId:string, modal?:boolean):void => {
-    let url:URL = new URL(`${endpoint}/casino/games/${gameId}`);
+    let url:URL = new URL(`${endpoint}/v1/casino/games/${gameId}`);
 
     url.searchParams.append('language', lang);
     url.searchParams.append('expand', 'vendor');
@@ -280,7 +280,7 @@
   }
 
   const openGameFrame = (gameId:string, gameFunMode:boolean):void => {
-    let url:URL = new URL(`${endpoint}/casino/games/${gameId}`);
+    let url:URL = new URL(`${endpoint}/v1/casino/games/${gameId}`);
     url.searchParams.append('language', lang);
     fetch(url.href)
       .then((res:any) => res.json())
@@ -762,7 +762,7 @@
 
 <style lang="scss">
   .CasinoGamePageContainer {
-    background: var(--emfe-w-casino-color-bg, var(--emfe-w-color-dunkel, #07072A));
+    background: var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));
     margin: 0 auto;
     height: 100%;
     max-width: 100%;
@@ -776,7 +776,7 @@
   .BottomGame {
     padding: 4px 16px;
     min-height: 85px;
-    background-color: var(--emfe-w-casino-color-bg, var(--emfe-w-color-dunkel, #07072A));
+    background-color: var(--emfe-w-casino-color-bg, var(--emfe-w-color-background, #07072A));
     align-items: center;
     display: grid;
     grid-auto-columns: 1fr;
@@ -801,7 +801,7 @@
     justify-self: left;
     width: 130px;
     height: 60px;
-    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
     color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
     border-radius: 2px;
   }
@@ -817,7 +817,7 @@
     border: none;
     width: 60px;
     height: 60px;
-    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
   }
   .GameDetails {
     display: flex;
@@ -854,7 +854,7 @@
 
   .RegisterButton {
     color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
-    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
     border-radius: 5px;
     border: none;
     width: 129px;
@@ -862,17 +862,17 @@
   }
   .LoginButton {
     color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));;
-    background-color: var(--emfe-w-casino-contrast, var(--emfe-w-color-dunkel, #07072A));
+    background-color: var(--emfe-w-casino-contrast, var(--emfe-w-color-background, #07072A));
     border-radius: 5px;
     border: 1px solid var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
     width: 129px;
     height: 60px;
   }
   .FullWidthButton {
-    color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-    background-color: var(--emfe-w-casino-contrast, var(--emfe-w-color-dunkel, #07072A));
+    color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
+    background-color: var(--emfe-w-casino-contrast, var(--emfe-w-color-background, #07072A));
     border-radius: 5px;
-    border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
     width: 100%;
     height: 60px;
   }
@@ -894,7 +894,7 @@
     fill: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
   }
   p {
-    color: var(--emfe-w-casino-typography, var(--emfe-w-color-white, #FFFFFF));
+    color: var(--emfe-w-casino-typography, var(--emfe-w-color-contrast, #FFFFFF));
   }
   #IframeContainer {
     height:100%;
@@ -932,8 +932,8 @@
 
     .Button {
       border-radius: 5px;
-      border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-      background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
+      background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
       width: 280px;
       height: 60px;
       color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
@@ -954,8 +954,8 @@
   .PanicButtonMobile {
     border-radius: 5px;
     margin: 0 10px;
-    border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    border: 1px solid var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
+    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
     width: 100% !important;
     height: 30px;
     color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
@@ -986,7 +986,7 @@
         rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%
     );
 
-    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    background-color: var(--emfe-w-casino-color-primary, var(--emfe-w-color-primary, #D0046C));
     width: 280px;
     color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));