@everymatrix/player-profile-info 0.0.168 → 0.0.169

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-profile-info",
-  "version": "0.0.168",
+  "version": "0.0.169",
   "main": "dist/player-profile-info.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b469834fd49f47995c17424b33a59fabad03a2b6"
+  "gitHead": "af650b9f13be3c59e5b5dadc5880299d3f892d8e"
 }

package/src/PlayerProfileInfo.svelte

@@ -11259,8 +11259,19 @@
     setTimeout(() => {showConfirmSave = false;}, 3000);
   }
 
+  let isValid:Boolean = false;
+
+  const checkIsValid = () => {
+    if (playerQuestion.length <= 0 || playerAnswer.length <= 0 ||  !playerCity.value ||  !playerAddress.value ||  !playerPostalCode.value ||  playerMobileNumber.length <= 0) {
+      isValid = false;
+    }
+    else {
+      isValid = true;
+    }
+  }
+
   const updatePlayerInfo = () => {
-    if (differencesExist == true) {
+    if (differencesExist == true && isValid == true) {
       window.postMessage({ type: 'UpdatePlayerInfo', provisionalArray }, window.location.href);
     }
   }
@@ -11284,6 +11295,7 @@
     }
 
     checkEquality(provisionalArray, initialValuesArray);
+    checkIsValid();
   }
 
   const resetPlayerInfo = () => {
@@ -11389,7 +11401,7 @@
       <input type="text" class="FieldDisabled" value={currency} readonly />
     </div>
     <div class="PlayerInfoBox">
-      <label>Gender:</label>
+      <label>Title:</label>
       <input type="text" class="FieldDisabled" value={gender} readonly />
     </div>
   </section>
@@ -11436,8 +11448,7 @@
     </div>
   </section>
   <section class="PlayerDetailsButtonsArea {isMobile ? 'PlayerDetailsButtonsAreaMobile' : ''}">
-    <div class="PlayerDetailsSaveButton {differencesExist ? '' : 'PlayerButtonDisabled'}" on:click={() => updatePlayerInfo()}>Save Changes</div>
-    <div class="PlayerDetailsCancelButton {differencesExist ? '' : 'PlayerButtonDisabled'}" on:click={() => resetPlayerInfo()}>Cancel</div>
+    <div class="PlayerDetailsSaveButton {differencesExist  && isValid ? '' : 'PlayerButtonDisabled'}" on:click={() => updatePlayerInfo()}>Save Changes</div>
   </section>
   {#if showConfirmSave}
     <section class="PlayerDetailsConfirmSave">
@@ -11501,6 +11512,7 @@
     display: inline-flex;
     align-items: center;
     column-gap: 10px;
+    margin-bottom: 10px;
   }
 
   .PlayerInfoBox {
@@ -11621,7 +11633,7 @@
     display: grid;
     grid-column-gap: ttp(0.625);
     grid-template-rows: auto;
-    grid-template-columns: 2fr 1fr;
+    grid-template-columns: 1fr;
     margin-top: ttp(1.25);
     width: 50%;