@everymatrix/casino-game-page 0.0.291 → 0.0.294

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-game-page",
-  "version": "0.0.291",
+  "version": "0.0.294",
   "main": "dist/casino-game-page.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "80929cf0a4259c7a2a94b219b84b072bdf376dc5"
+  "gitHead": "3fe9793aa0c46e63b382cbbdb0ee1dc1f0f4a12f"
 }

package/src/CasinoGamePage.svelte

@@ -165,6 +165,10 @@
         showModal = 'true';
         break;
 
+      case 'OpenGameFrame':
+        showModal = 'true';
+        break;
+
       case 'LaunchGameFrame':
         openGameFrame(e.data.gameId, e.data.gameFunMode);
         break;
@@ -401,10 +405,6 @@
     }
   }
 
-  const panicAction = ():void => {
-    window.postMessage({type: 'PanicButtonClicked'}, window.location.href);
-  }
-
   const refreshTime = ():void => {
     if (clockformat) {
       time = moment().format(clockformat);
@@ -472,6 +472,7 @@
       panicLoading = true;
 
       if (timer >= 3) {
+        window.postMessage({type: 'PanicButtonClicked'}, window.location.href);
         clearInterval(timerInterval)
       }
     }, 1000);
@@ -503,6 +504,7 @@
   $: clientstyling && setClientStyling();
   $: clientstylingurl && setClientStylingURL();
   $: (showModal == 'true') && panicButton && addEventsToDisplayedElements();
+  $: panicButton && addEventsToDisplayedElements();
 </script>
 
 
@@ -547,7 +549,7 @@
               </div>
               {#if haspanicbutton === "true"}
                 <div class="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}" part="PanicSection {(getDevice(userAgent) !== 'PC') ? 'PanicSectionMobile' : ''}">
-                  <button class="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" class:PanicButtonAnimation={panicLoading} part="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" bind:this={panicButton}  on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
+                  <button class="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" class:PanicButtonAnimation={panicLoading} part="PanicButton {(getDevice(userAgent) !== 'PC') ? 'PanicButtonMobile' : ''}" bind:this={panicButton}>{$_('gamePage.breakButton')}</button>
                 </div>
               {/if}
               <p>{time}</p>
@@ -584,7 +586,7 @@
                   <p class="Time" part="Time" bind:this={timeContainer}><span>{time}</span></p>
                   {#if haspanicbutton === "true"}
                     <div class="PanicSection" part="PanicSection">
-                      <button class="Button" class:PanicButtonAnimation={panicLoading} part="Button" bind:this={panicButton}  on:click={() => panicAction()}>{$_('gamePage.breakButton')}</button>
+                      <button class="Button" class:PanicButtonAnimation={panicLoading} part="Button" bind:this={panicButton}>{$_('gamePage.breakButton')}</button>
                     </div>
                   {/if}
                   {#if isFullscreen}
@@ -787,31 +789,20 @@
   }
 
   .FavIconPanicButton {
-    margin-top: 40px;
+    margin-top: 45px;
   }
 
-  .PanicText {
-    display: flex;
-    align-items: center;
-  }
   .PanicSection {
     display: flex;
     align-items: center;
     gap: 10px;
     margin: 20px 0;
 
-    svg {
-      fill: none;
-    }
-    p {
-      font-size: 16px;
-      color: var(--emfe-w-color-white, #FFFFFF);
-    }
     .Button {
       border-radius: 5px;
       border: 1px solid var(--emfe-w-color-primary, #D0046C);
       background-color: var(--emfe-w-color-primary, #D0046C);
-      width: 240px;
+      width: 280px;
       height: 60px;
       color: var(--emfe-w-color-white, #FFFFFF);
       cursor: pointer;
@@ -842,20 +833,21 @@
   .PanicButtonAnimation {
     background: -webkit-linear-gradient(
         135deg,
-        #FD2839 5%, #D0046C 100%
+        rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%
     );
 
     background: -moz-linear-gradient(
         135deg,
-        #FD2839 5%, #D0046C 100%
+        rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%
     );
 
     background: -o-linear-gradient(
         135deg,
-        #FD2839 5%, #D0046C 100%
+        rgba(20, 20, 20, 0) 55%, rgba(20, 20, 20, 0.3) 100%
     );
 
-    width: 240px;
+    background-color: var(--emfe-w-color-primary, #D0046C);
+    width: 280px;
     color: #fff;
 
     -webkit-animation: bar-animation 2s linear;
@@ -866,7 +858,7 @@
       background-position: 0;
     }
     100% {
-      background-position: 240px;
+      background-position: 280px;
     }
   }
   </style>

package/src/translations.js

@@ -6,7 +6,7 @@ export const GamePageTranslations = {
       deposit: 'Deposit',
       playForFun: 'Play for fun',
       playNow: 'Start now!',
-      breakButton: 'Take 1 day break from playing - 24-hour Cool Off',
+      breakButton: 'Hold button for 3 seconds to take 24-hours instant lock',
     }
   },
   de: {
@@ -16,7 +16,7 @@ export const GamePageTranslations = {
       deposit: 'Einzahlung',
       playForFun: 'Play for fun',
       playNow: 'Jetzt starten!',
-      breakButton: 'Take 1 day break from playing - 24 Stunden Auszeit',
+      breakButton: 'Für 24 Std. Games Sofortpause, 3 Sekunden drücken',
     }
   },
   it: {
@@ -87,7 +87,7 @@ export const GamePageTranslations = {
       deposit: 'Uplata',
       playForFun: 'Igraj za zabavu',
       playNow: 'Započnite sada!',
-      breakButton: 'Take 1 day break from playing - 24-hour Cool Off',
+      breakButton: 'Hold button for 3 seconds to take 24-hours instant lock',
     }
   },
   hu: {
@@ -97,7 +97,7 @@ export const GamePageTranslations = {
       deposit: 'Befizetés',
       playForFun: 'Play for fun',
       playNow: 'Játsszon most!',
-      breakButton: 'Take 1 day break from playing - 24-hour Cool Off',
+      breakButton: 'Hold button for 3 seconds to take 24-hours instant lock',
     }
   },
   pl: {
@@ -107,7 +107,7 @@ export const GamePageTranslations = {
       deposit: 'Wpłata',
       playForFun: 'Graj dla zabawy',
       playNow: 'Rozpocznij teraz!',
-      breakButton: 'Take 1 day break from playing - 24-hour Cool Off',
+      breakButton: 'Hold button for 3 seconds to take 24-hours instant lock',
     }
   },
   pt: {
@@ -127,7 +127,7 @@ export const GamePageTranslations = {
       deposit: 'Vplačilo',
       playForFun: 'Igrajte za zabavo',
       playNow: 'Začnite zdaj!',
-      breakButton: 'Take 1 day break from playing - 24-hour Cool Off',
+      breakButton: 'Hold button for 3 seconds to take 24-hours instant lock',
     }
   },
   sr: {
@@ -137,7 +137,7 @@ export const GamePageTranslations = {
       deposit: 'Uplata',
       playForFun: 'Igraj za zabavu',
       playNow: 'Započnite sada!',
-      breakButton: 'Take 1 day break from playing - 24-hour Cool Off',
+      breakButton: 'Hold button for 3 seconds to take 24-hours instant lock',
     }
   }
 };