@everymatrix/player-profile-info 0.0.303 → 0.0.306

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-profile-info",
-  "version": "0.0.303",
+  "version": "0.0.306",
   "main": "dist/player-profile-info.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2e4012fec1bb6695caae9c8d4877c56b4dc427a3"
+  "gitHead": "0ffc4733ddf2ecc310c00a80bcf3d56109977cd0"
 }

package/src/PlayerProfileInfo.svelte

@@ -32,6 +32,11 @@
   let prefixesArray:Array<Object> = [];
   let countriesArray:Array<Object> = []
 
+  let profileConsent:Array<Object> = [];
+  let showEmail:boolean = false;
+  let showSMS:boolean = false;
+  let consentArray:any = { items: [] };
+
   let isValid:boolean = false;
 
   let invalidCity:string = '';
@@ -57,7 +62,8 @@
     address1: '',
     address2: '',
     city: '',
-    consents: {acceptNewsEmail: false, acceptSMSOffers: false},
+    acceptNewsEmail: false,
+    acceptSMSOffers : false,
     country: '',
     mobile: {prefix: '', number: ''},
     postalCode: '',
@@ -83,7 +89,6 @@
     address1: "i.e.: Glanmire Rd.",
     birth: '01/01/1990',
     city: "i.e.: Cork",
-    consents: {acceptNewsEmail: false, acceptSMSOffers: false},
     country: "i.e.: Ireland",
     currency: "EUR",
     email: "email@here.com",
@@ -119,8 +124,6 @@
           userTitles = profileDetails.title;
 
           // editable field values used for bindings
-          giveConsentSMS = profileDetails.consents?.acceptSMSOffers;
-          giveConsentEmail = profileDetails.consents?.acceptNewsEmail;
           playerQuestion = profileDetails.securityQuestion;
           playerAnswer = profileDetails.securityAnswer;
           playerPrefix = profileDetails.mobile?.prefix;
@@ -130,8 +133,6 @@
           initialValuesArray = {
             address: profileDetails.address1,
             city: profileDetails.city,
-            acceptNewsEmail: profileDetails.consents?.acceptNewsEmail,
-            acceptSMSOffers: profileDetails.consents?.acceptSMSOffers,
             mobilePrefix: mobile?.prefix,
             mobileNumber: mobile?.number,
             postalCode: profileDetails.postalCode,
@@ -140,6 +141,23 @@
           }
         break;
 
+        case 'ProfileConsentData':
+          profileConsent = e.data.consent.items;
+          if (Array.isArray(profileConsent)) {
+            profileConsent.forEach((item) => {
+              if (item.tagCode == 'emailmarketing') {
+                showEmail = true;
+                giveConsentEmail = item.status == 'Accepted';
+                initialValuesArray.acceptNewsEmail = giveConsentEmail;
+              } else if (item.tagCode == 'sms') {
+                showSMS = true;
+                giveConsentSMS = item.status == 'Accepted';
+                initialValuesArray.acceptSMSOffers = giveConsentSMS;
+              }
+            });
+          }
+        break;
+
         case 'ConfirmProfileInfoSave':
           if (isOnNative) {
             registerNativeEventListener(
@@ -300,6 +318,7 @@
   const updatePlayerInfo = ():void => {
     if (differencesExist == true && isValid == true) {
       window.postMessage({ type: 'UpdatePlayerInfo', provisionalArray }, window.location.href);
+      window.postMessage({ type: 'UpdatePlayerConsent', consentArray }, window.location.href);
     }
   }
 
@@ -321,9 +340,20 @@
     }
 
     checkEquality(provisionalArray, initialValuesArray);
+    consentData();
     checkIsValid();
   }
 
+  const consentData = ():void => {
+    if (showSMS) {
+      consentArray.items.push({'tagCode': 'sms', 'status': giveConsentSMS ? 'Accepted' : 'Denied'})
+    }
+
+    if (showEmail) {
+      consentArray.items.push({'tagCode': 'emailmarketing', 'status': giveConsentEmail ? 'Accepted' : 'Denied'})
+    }
+  }
+
   const resetPlayerInfo = ():void => {
     playerAddress.value = initialValuesArray.address;
     playerCity.value = initialValuesArray.city;
@@ -491,25 +521,31 @@
     </div>
   </section>
 
-  <div class="PlayerNotificationsHeader" part="PlayerNotificationsHeader">
-    <h3>{$_('playerProfile.userNotifications')}</h3>
-  </div>
-  <section class="PlayerNotificationsCheckboxArea" part="PlayerNotificationsCheckboxArea">
-    <div class="PlayerNotificationBox" part="PlayerNotificationBox">
-      <label for="SMSNotification">
-        <input bind:checked={giveConsentSMS}  on:change={checkForChanges} type="checkbox" id="SMSNotification" name="Enable SMS notifications" />
-        <span class="Checkmark" part="Checkmark"></span>
-        <span>{$_('playerProfile.userSMSNotification')}</span>
-      </label>
-    </div>
-    <div class="PlayerNotificationBox" part="PlayerNotificationBox">
-      <label for="EmailNotification">
-        <input bind:checked={giveConsentEmail} on:change={checkForChanges} type="checkbox" id="EmailNotification" name="Enable Emails" />
-        <span class="Checkmark" part="Checkmark"></span>
-        <span>{$_('playerProfile.userEmailNotification')}</span>
-      </label>
+  {#if showEmail || showSMS}
+    <div class="PlayerNotificationsHeader" part="PlayerNotificationsHeader">
+      <h3>{$_('playerProfile.userNotifications')}</h3>
     </div>
-  </section>
+    <section class="PlayerNotificationsCheckboxArea" part="PlayerNotificationsCheckboxArea">
+      {#if showSMS}
+        <div class="PlayerNotificationBox" part="PlayerNotificationBox">
+          <label for="SMSNotification">
+            <input bind:checked={giveConsentSMS}  on:change={checkForChanges} type="checkbox" id="SMSNotification" name="Enable SMS notifications" />
+            <span class="Checkmark" part="Checkmark"></span>
+            <span>{$_('playerProfile.userSMSNotification')}</span>
+          </label>
+        </div>
+      {/if}
+      {#if showEmail}
+        <div class="PlayerNotificationBox" part="PlayerNotificationBox">
+          <label for="EmailNotification">
+            <input bind:checked={giveConsentEmail} on:change={checkForChanges} type="checkbox" id="EmailNotification" name="Enable Emails" />
+            <span class="Checkmark" part="Checkmark"></span>
+            <span>{$_('playerProfile.userEmailNotification')}</span>
+          </label>
+        </div>
+      {/if}
+    </section>
+  {/if}
   {#if isOnNative}
     <div class="PlayerNotificationsHeader" part="PlayerNotificationsHeader">
       <h3>{$_('playerProfile.userAppSettings')}</h3>