@everymatrix/player-profile-info 1.43.3 → 1.44.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-profile-info",
-  "version": "1.43.3",
+  "version": "1.44.0",
   "main": "dist/player-profile-info.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4723f5370b2d6fc913a8cf6770f9f492038e54e8"
+  "gitHead": "701410f2b76dfe1ee4038f799b1e8e340c85cdb5"
 }

package/src/PlayerProfileInfo.svelte

@@ -79,7 +79,7 @@
     readOnlyValues.iban =        profileInfo.iban;
     readOnlyValues.userTitles =  profileInfo.title;
     readOnlyValues.countryCode = profileInfo.country;
-    readOnlyValues.countryName = countriesArray.find((country:any) => country.Alpha2Code === profileInfo.country).Name || 'I.E. Ireland';
+    readOnlyValues.countryName = countriesArray.find((country:any) => country.Alpha2Code === profileInfo.country)?.Name || 'I.E. Ireland';
 
     updatedEditableValues.address1 =         profileInfo.address1;
     updatedEditableValues.city =             profileInfo.city;
@@ -614,7 +614,7 @@
     color: var(--emw--pam-typography, var(--emw-color-contrast, #07072A));
     background: var(--emw-color-pale, var(--emw--color-gray-50, #F1F1F1));
     padding: 50px;
-    max-width: 760px;
+    height: 100%;
     border-radius: 20px;
   }
 
@@ -790,8 +790,6 @@
     .PlayerDetailsSaveButton, .PlayerDetailsCancelButton {
       cursor: pointer;
       border-radius: 5px;
-      width: 100%;
-      height: 50px;
       display: flex;
       align-items: center;
       justify-content: center;
@@ -800,12 +798,19 @@
       text-transform: uppercase;
       transition-duration: 0.3s;
       box-sizing: border-box;
+      max-width: 400px;
+      min-width: 200px;
     }
     .PlayerDetailsSaveButton {
       background-image: linear-gradient(to bottom, color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, black 20%), var(--emw--color-primary, #22B04E), color-mix(in srgb, var(--emw--color-primary, #22B04E) 80%, white 30%));
       border: 2px solid var(--emw--button-border-color, #0E5924);
       color: var(--emw--button-text-color, #FFFFFF);
       border-radius: var(--emw--button-border-radius, 50px);
+      max-width: 400px;
+      min-width: 200px;
+      padding: 13px 0;
+      width: 100%;
+
       &:active {
         background: var(--emw--pam-color-primary, var(--emw--color-primary, #22B04E));
       }
@@ -846,6 +851,7 @@
     padding: 20px 15px;
     background: var(--emw-color-gray-50, #F9F8F8);
     max-width: unset;
+    border-radius: 0;
     .PlayerDetailsContent {
       grid-template-columns: 1fr;
     }