@everymatrix/player-profile-info 1.17.1 → 1.17.3

package/package.json

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

package/src/PlayerProfileInfo.svelte

@@ -208,7 +208,7 @@
   }
 
   const getCountriesList = ():void => {
-    fetch(`${endpoint}/player/countries`)
+    fetch(`${endpoint}/v1/player/countries`)
       .then((res:any) => {
         if (res.status >= 300) {
           return new Error('Error while fetching the countries');
@@ -217,7 +217,7 @@
         return res.json();
       })
       .then((countryList:any) => {
-        fetch(`${endpoint}/player/operatorSupportedCountries`).then((res:any) => {
+        fetch(`${endpoint}/v1/player/operatorSupportedCountries`).then((res:any) => {
           if (res.status >= 300) {
             return new Error('Error while fetching the supported countries');
           }
@@ -236,7 +236,7 @@
   }
 
   const getPhoneCodes = ():void => {
-    fetch(`${endpoint}/player/phonecodes`)
+    fetch(`${endpoint}/v1/player/phonecodes`)
       .then((res:any) => res.json())
       .then(data => {
         prefixesArray = data.phoneCodes;
@@ -481,7 +481,7 @@
 
     {#if isMobile}
       <div class="MenuReturnButton" on:click={() => toggleScreen()}>
-        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));}</style></defs><g transform="translate(-20 -158)">
+        <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><style>.aaa{fill:var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));}</style></defs><g transform="translate(-20 -158)">
           <g transform="translate(20 158)">
             <path class="aaa" d="M7.5,0,6.136,1.364,11.3,6.526H0V8.474H11.3L6.136,13.636,7.5,15,15,7.5Z" transform="translate(15 15) rotate(180)"/>
           </g></g>
@@ -646,13 +646,13 @@
 
   .MyAccountCategoryTitle {
     font-size: 26px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
     font-weight: 400;
   }
 
   .MyAccountCategoryTitleMobile {
     font-size: 16px;
-    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+    color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
   }
 
   .MyAccountCategoryTitleNone {
@@ -660,7 +660,7 @@
   }
 
   .PlayerInfoWrapper {
-    color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
+    color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
     background: var(--emfe-w-color-gray-50, #F9F8F8);
     padding: 50px;
     max-width: 760px;
@@ -669,7 +669,7 @@
   .PlayerNotificationsHeader, .PlayerDetailsHeader, .PlayerLocationHeader {
     h3 {
       font-size: 16px;
-      color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       text-transform: capitalize;
       font-weight: 400;
     }
@@ -703,7 +703,7 @@
     input {
       font-size: 14px;
       font-weight: 300;
-      color: var(--emfe-w-pam-contrast, var(--emfe-w-color-dunkel, #07072A));
+      color: var(--emfe-w-pam-contrast, var(--emfe-w-color-contrast, #07072A));
       padding: 10px;
       line-height: 16px;
       background: var(--emfe-w-color-white, #FFFFFF);
@@ -712,8 +712,8 @@
       outline: none;
       transition-duration: 0.3s;
       &:focus, :focus-within, :focus-visible, :visited {
-        border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-        box-shadow: 0 0 0 1pt var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+        border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+        box-shadow: 0 0 0 1pt var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       }
     }
 
@@ -745,7 +745,7 @@
       font-size: 14px;
       font-weight: 300;
       padding: 10px;
-      color: var(--emfe-w-pam-contrast, var(--emfe-w-color-dunkel, #07072A));
+      color: var(--emfe-w-pam-contrast, var(--emfe-w-color-contrast, #07072A));
       border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
       border-radius: 5px;
       outline: none;
@@ -756,8 +756,8 @@
       background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
       background-position: calc(100% - 0.75rem) center;
       &:focus, :focus-within, :focus-visible, :visited {
-        border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-        box-shadow: 0 0 0 1pt var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+        border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+        box-shadow: 0 0 0 1pt var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       }
     }
     /* Chrome, Safari, Edge, Opera */
@@ -809,7 +809,7 @@
         margin-right: 10px;
       }
       input:checked {
-        background-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+        background-color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       }
       .Checkmark {
         left: 10px;
@@ -842,17 +842,17 @@
       align-items: center;
       justify-content: center;
       font-size: 16px;
-      color: var(--emfe-w-pam-contrast, var(--emfe-w-color-dunkel, #07072A));
+      color: var(--emfe-w-pam-contrast, var(--emfe-w-color-contrast, #07072A));
       text-transform: uppercase;
       transition-duration: 0.3s;
       box-sizing: border-box;
     }
     .PlayerDetailsSaveButton {
-      background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
-      border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+      background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
+      border: 1px solid var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       color: var(--emfe-w-button-typography, var(--emfe-w-color-white, #FFFFFF));
       &:active {
-        background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+        background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       }
       &.PlayerButtonDisabled {
         opacity: 0.3;
@@ -864,7 +864,7 @@
       background: transparent;
       border: 1px solid var(--emfe-w-color-gray-300, #58586B);
       &:active {
-        background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+        background: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
       }
       &.PlayerButtonDisabled {
         background: transparent;
@@ -896,7 +896,7 @@
     }
     .PlayerNotificationsHeader, .PlayerDetailsHeader, .PlayerLocationHeader {
       h3 {
-        color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-pink-500, #D0046C));
+        color: var(--emfe-w-pam-color-primary, var(--emfe-w-color-primary, #D0046C));
         font-size: 14px;
         font-weight: 400;
       }
@@ -922,7 +922,7 @@
     .PlayerNotificationsCheckboxArea {
       .PlayerNotificationBox {
         label {
-            color: var(--emfe-w-pam-typography, var(--emfe-w-color-dunkel, #07072A));
+            color: var(--emfe-w-pam-typography, var(--emfe-w-color-contrast, #07072A));
             font-size: 12px;
             font-weight: 300;
         }