@everymatrix/player-active-bonuses 0.0.249 → 0.0.252

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-active-bonuses",
-  "version": "0.0.249",
+  "version": "0.0.252",
   "main": "dist/player-active-bonuses",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "38af455e241b6ef7ccabb2367be2be59e6b24352"
+  "gitHead": "6824e7c03c551fb8c35921b8846fdbbb49f76169"
 }

package/src/PlayerActiveBonuses.svelte

@@ -124,6 +124,7 @@
     fetch(url.href, optionsClaimBonus)
       .then((res:any) => {
         if (res.status == 200) {
+          invalidBonusCode = false;
           getActiveBonuses(0);
           window.postMessage({ type: 'WidgetNotification', data: {
             type: 'success',
@@ -254,9 +255,6 @@
   {#if bonusModal}
   <div class="ModalWrapper {isMobile ? 'ModalWrapperMobile' : ''}" part="ModalWrapper {isMobile ? 'ModalWrapperMobile' : ''}">
     <div class="ModalContent" part="ModalContent">
-      {#if !isMobile}
-        <span class="ModalClose" part="ModalClose" on:click={closeBonusModal} />
-      {/if}
       <div class="ModalBody" part="ModalBody">
         <p class="ModalText" part="ModalText">{$_('activeBonuses.forfeitBonus')}</p>
         <div class="ModalButtons" part="ModalButtons">
@@ -450,40 +448,21 @@
     display: flex;
     justify-content: center;
     align-items: center;
+    z-index: 100;
     .ModalContent {
       background-color: var(--emfe-w-color-white, #FFFFFF);
       position: relative;
-      padding: 80px;
+      padding: 30px;
       border-top: 5px solid var(--emfe-w-color-secondary, #FD2839);
       border-radius: 5px;
-      .ModalClose {
-        position: absolute;
-        top: 15px;
-        right: 15px;
-        width: 36px;
-        height: 36px;
-        cursor: pointer;
-        &:before, &:after {
-          content: '';
-          position: absolute;
-          top: 16px;
-          left: -2px;
-          width: 40px;
-          height: 4px;
-          background-color: var(--emfe-w-color-secondary, #FD2839);
-          transform: rotate(45deg);
-        }
-        &:after {
-          transform: rotate(-45deg);
-        }
-      }
     }
     .ModalBody {
       background-color: var(--emfe-w-color-gray-50, #F9F8F8);
-      padding: 30px 60px;
+      padding: 30px;
       text-align: center;
       .ModalText {
-        font-size: 26px;
+        font-size: 22px;
+        margin-bottom: 40px;
       }
       .ModalButtons {
         display: flex;
@@ -495,9 +474,9 @@
         color: var(--emfe-w-color-gray-300, #58586B);
         cursor: pointer;
         border-radius: 5px;
-        width: 330px;
-        height: 80px;
-        font-size: 22px;
+        width: 200px;
+        height: 50px;
+        font-size: 16px;
         text-transform: uppercase;
         text-align: center;
         transition-duration: 0.3s;