@everymatrix/player-account-controller 0.0.235 → 0.0.239

package/index.html

@@ -33,10 +33,10 @@
     <player-account-controller
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
       cmsendpoint="https://wt1-stage.everymatrix.com/apijson"
-      playerid="3976988"
-      session="9f7275ee-5b16-40ba-b847-cfb7a14399c2"
+      playerid="3856617"
+      session="c053558b-da3f-4ef7-9a7d-50356995089e"
       customnotifications="#58586B,#2687F6,#D0046C"
-      lang="en"
+      lang="ro"
       env="stage"
       ></player-account-controller>
     <!--<player-account-controller cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-controller",
-  "version": "0.0.235",
+  "version": "0.0.239",
   "main": "dist/player-account-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -29,8 +29,8 @@
     "typescript": "^3.9.3"
   },
   "dependencies": {
-    "@everymatrix/player-account-menu": "^0.0.235",
-    "@everymatrix/player-account-notifications": "^0.0.235",
+    "@everymatrix/player-account-menu": "^0.0.239",
+    "@everymatrix/player-account-notifications": "^0.0.239",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "61a6a3f31e48f5f6865ef5aafdaa2091436ca9d5"
+  "gitHead": "3514a454516ab9691e0154509b1a13d332315cc5"
 }

package/src/PlayerAccountController.svelte

@@ -55,6 +55,7 @@
   let storedRealityCheck:string = '';
   let errorPasswordChanged:string = '';
   let showErrorPasswordChanged:boolean = false;
+  let selected:string;
 
   const widgetTitle = ['Profile Info',
                       'Change password',
@@ -70,27 +71,50 @@
                       'Withdrawal',
                       'Pending Withdrawals',
                       'Transaction History'];
+  const widgetPath = ['/profile-info',
+                      '/change-password',
+                      '/reality-check',
+                      '/timeout',
+                      '/account-closure',
+                      '/gaming-limits',
+                      '/self-exclusion',
+                      '/active-bonuses',
+                      '/bonus-history',
+                      '/gaming-history',
+                      '/deposit',
+                      '/withdrawal',
+                      '/pending-withdrawals',
+                      '/transaction-history'];
   const accountMenuEndpointURL:string = `${cmsendpoint}/${lang}/profile-menu?env=${env}`;
   const notificationsEndpointURL:string = `${cmsendpoint}/${lang}/support-information?env=${env}`;
 
   let switchContent:boolean = false;
 
-  const messageHandler = (e:any) => {
+  const messageHandler = (e:any):void => {
+    let url:URL;
+
     if (e.data) {
       switch(e.data.type) {
         case 'AccountMenuDetails':
           // @TODO open after launch event is triggered from CMS menu
-        break;
+          // @TODO what is dis?
+          break;
 
         case 'ChangeAccountPage':
           switchContent = true;
-          pageName = e.data.page.label;
+          pageName = e.data.page.path;
           getUserProfileInfo();
           break;
 
         case 'SetActivePage':
           switchContent = true;
           pageName = e.data.pageName;
+
+          let aux:any = menuData.filter((item) => {
+            return item.label == pageName;
+          });
+
+          selected = aux[0].id;
           getUserProfileInfo();
           break;
 
@@ -102,20 +126,23 @@
         case 'UpdatePlayerInfo':
           let profileData = e.data.provisionalArray;
           let sentData = {
-              mobile: {
-                prefix: profileData.mobilePrefix,
-                number: profileData.mobileNumber
-              },
-              address1: profileData.address,
-              city: profileData.city,
-              postalCode: profileData.postalCode,
-              securityQuestion: profileData.securityQuestion,
-              securityAnswer: profileData.securityAnswer,
-              consents: {
-                acceptNewsEmail: profileData.acceptNewsEmail,
-                acceptSMSOffers: profileData.acceptSMSOffers
-              }
-          }
+            mobile: {
+              prefix: profileData.mobilePrefix,
+              number: profileData.mobileNumber
+            },
+            address1: profileData.address,
+            city: profileData.city,
+            postalCode: profileData.postalCode,
+            securityQuestion: profileData.securityQuestion,
+            securityAnswer: profileData.securityAnswer,
+            consents: {
+              acceptNewsEmail: profileData.acceptNewsEmail,
+              acceptSMSOffers: profileData.acceptSMSOffers
+            }
+          };
+
+          url = new URL(`${endpoint}/player/${userId}/profile`);
+
           let options = {
             method: "POST",
             headers: {
@@ -126,7 +153,7 @@
             body: JSON.stringify(sentData)
           };
 
-          fetch(`${endpoint}/player/${userId}/profile`, options)
+          fetch(url.href, options)
             .then((res:any) => {
               if (res.status == 200) {
                 window.postMessage({ type: 'WidgetNotification', data: {
@@ -143,6 +170,7 @@
           break;
 
         case 'SetPlayerAccountTimeout':
+          url = new URL(`${endpoint}/player/${userId}/limits`);
           let timeoutValue = e.data.timeoutSelected;
 
           let dataTimeout = {
@@ -161,7 +189,7 @@
             body: JSON.stringify(dataTimeout)
           };
 
-          fetch(`${endpoint}/player/${userId}/limits`, setTimeout)
+          fetch(url.href, setTimeout)
             .then((res:any) => {
               if (res.status == 200) {
                 window.postMessage({ type: 'WidgetNotification', data: {
@@ -176,6 +204,8 @@
           break;
 
         case 'SetSelfExclusion':
+          url = new URL(`${endpoint}/player/${userId}/limits`);
+
           let selfExclusionPeriod = e.data.selfExclusionPeriod;
           let selfExclusionExpiryDate = e.data.selfExclusionExpiryDate;
 
@@ -197,21 +227,23 @@
             body: JSON.stringify(dataSelfExclusion)
           };
 
-          fetch(`${endpoint}/player/${userId}/limits`, setSelfExclusion)
-          .then((res:any) => {
-            if (res.status == 200) {
-              window.postMessage({ type: 'WidgetNotification', data: {
-                type: 'success',
-                message: 'Self exclusion active'
-              }}, window.location.href);
-              window.postMessage({ type: 'LogoutSuccessfull'}, window.location.href);
-            } else {
-              // ERROR
-            }
-          });
+          fetch(url.href, setSelfExclusion)
+            .then((res:any):void => {
+              if (res.status == 200) {
+                window.postMessage({ type: 'WidgetNotification', data: {
+                  type: 'success',
+                  message: 'Self exclusion active'
+                }}, window.location.href);
+                window.postMessage({ type: 'LogoutSuccessfull'}, window.location.href);
+              } else {
+                // ERROR
+              }
+            });
           break;
 
         case 'AccountClosure':
+          url = new URL(`${endpoint}/player/${userId}/limits`);
+
           let accountClosureData = 'UserRequest';
           let accountClosureSelection = {
             selfExclusion: {
@@ -232,8 +264,8 @@
             body: JSON.stringify(accountClosureSelection)
           };
 
-          fetch(`${endpoint}/player/${userId}/limits`, optionsAccountClosure)
-            .then((res:any) => {
+          fetch(url.href, optionsAccountClosure)
+            .then((res:any):void => {
               if (res.status == 200) {
                 window.postMessage({ type: 'WidgetNotification', data: {
                   type: 'success',
@@ -254,6 +286,8 @@
           break;
 
         case 'PlayerAccountGamingLimitsUpdate':
+          url = new URL(`${endpoint}/player/${userId}/limits`);
+
           let limitsObject = e.data.payload;
           let limitsSectionTitle = e.data.limitsCategory;
           let limitsData = (limitsSectionTitle === 'cumulativeSessionLimits' || limitsSectionTitle === 'depositLimits') ? limitsObject : {[limitsSectionTitle]: limitsObject}
@@ -268,8 +302,8 @@
             body: JSON.stringify(limitsData)
           };
 
-          fetch(`${endpoint}/player/${userId}/limits`, optionsEditLimits)
-            .then((res:any) => {
+          fetch(url.href, optionsEditLimits)
+            .then((res:any):void => {
               if (res.status == 200) {
                 showsuccessnotification = true;
 
@@ -278,7 +312,7 @@
                   message: 'Limits updated'
                 }}, window.location.href);
 
-                getGamingLimits(`${endpoint}/player/${playerid}/limits`);
+                getGamingLimits(new URL(`${endpoint}/player/${playerid}/limits`));
               } else {
                 // ERROR
               }
@@ -325,7 +359,7 @@
             body: JSON.stringify(limitsDeleteData)
           };
 
-          let url:any = new URL(`${endpoint}/player/${userId}/limits/${limitName}`);
+          url = new URL(`${endpoint}/player/${userId}/limits/${limitName}`);
 
           if (limitName === 'deposit' || limitName === 'cumulativeSession') {
             if (Array.isArray(deletedPeriodLimit)) {
@@ -337,15 +371,15 @@
             }
           }
 
-          fetch(url, deleteOptions)
-            .then((res:any) => {
+          fetch(url.href, deleteOptions)
+            .then((res:any):void => {
               if (res.status == 200) {
                 showdeletenotification = true;
                 window.postMessage({ type: 'WidgetNotification', data: {
                   type: 'success',
                   message: 'Limits deleted'
                 }}, window.location.href);
-                getGamingLimits(`${endpoint}/player/${playerid}/limits`);
+                getGamingLimits(new URL(`${endpoint}/player/${playerid}/limits`));
               } else {
                 // ERROR
               }
@@ -353,26 +387,22 @@
           break;
 
         case 'GamingLimitsConfirmChanges':
-          getGamingLimits(`${endpoint}/player/${playerid}/limits`);
+          getGamingLimits(new URL(`${endpoint}/player/${playerid}/limits`));
           break;
 
         case 'CancelGamingLimitsChanges':
-          getGamingLimits(`${endpoint}/player/${playerid}/limits`);
+          getGamingLimits(new URL(`${endpoint}/player/${playerid}/limits`));
           break;
 
         case 'SubmittedRealityCheck':
           setRealityCheckValue(e.data.realityCheckUpdatedValue);
           break;
-
-        default:
-          // do nothing
-          break;
       }
     }
   }
 
-  const getAccountMenuDetails = (url:string) => {
-    fetch(url)
+  const getAccountMenuDetails = (url:URL):void => {
+    fetch(url.href)
       .then((res:any) => res.json())
       .then((data:any) => {
         menuData = data;
@@ -382,20 +412,21 @@
       });
   }
 
-  const getNotificationsDetails = (url:string) => {
-    fetch(url)
+  const getNotificationsDetails = (url:URL):void => {
+    fetch(url.href)
       .then((res:any) => res.json())
-      .then((data:any) => {
+      .then((data:any):void => {
         if(data.length) {
           notificationsData = data[0].children;
           window.postMessage({ type: 'NotificationsDetails', notificationsInfo: notificationsData }, window.location.href);
         }
-      }, (err:any) => {
+      }, (err:any):void => {
         console.error(err);
       });
   }
 
-  const getUserProfileInfo = () => {
+  const getUserProfileInfo = ():void => {
+    let url:URL = new URL(`${endpoint}/player/${userId}/profile`);
     let options = {
       method: "GET",
       headers: {
@@ -403,7 +434,7 @@
       }
     };
 
-    fetch(`${endpoint}/player/${userId}/profile`, options)
+    fetch(url.href, options)
       .then((res:any) => { return res.json(); })
       .then((data:any) => {
         countrycode = data.country;
@@ -414,7 +445,8 @@
       });
   }
 
-  const sendChangePassword = async (playerCurrentPassword:string, playerNewPassword:string) => {
+  const sendChangePassword = async (playerCurrentPassword:string, playerNewPassword:string):void => {
+    let url:URL = new URL(`${endpoint}/player/${userId}/password`)
     let data = {
       currentPassword: playerCurrentPassword,
       newPassword: playerNewPassword
@@ -429,7 +461,7 @@
       body: JSON.stringify(data)
     };
 
-    let response:any = await fetch(`${endpoint}/player/${userId}/password`, optionsChangePassword);
+    let response:any = await fetch(url.href, optionsChangePassword);
 
     if (response.ok) {
       window.postMessage({ type: 'PasswordChangedSuccessfully' }, window.location.href);
@@ -450,14 +482,14 @@
     }
   }
 
-  const getRealityCheckData = (url:string) => {
+  const getRealityCheckData = (url:URL):void => {
     let options = {
       method: 'GET',
       headers: {
         'X-SessionID': sessionId,
       }
     }
-    fetch(url, options)
+    fetch(url.href, options)
       .then((res:any) => { return res.json(); })
       .then((data:any) => {
         realityCheckData = data.UserRealityCheckValue;
@@ -466,8 +498,10 @@
       });
   }
 
-  const setRealityCheckValue = (updatedData:string) => {
-    if(updatedData) {
+  const setRealityCheckValue = (updatedData:string):void => {
+    let url:URL = new URL(`${endpoint}/player/${userId}/realitycheck`);
+
+    if (updatedData) {
       storedRealityCheck = updatedData;
     }
 
@@ -481,10 +515,10 @@
       }
     };
 
-    fetch(`${endpoint}/player/${userId}/realitycheck`, optionsRealityCheck)
+    fetch(url.href, optionsRealityCheck)
       .then((res:any) => {
         if (res.status == 200) {
-          getRealityCheckData(`${endpoint}/player/${playerid}/realitycheck`);
+          getRealityCheckData(new URL(`${endpoint}/player/${playerid}/realitycheck`));
           window.postMessage({ type: 'RealityCheckValueUpdated' }, window.location.href);
           window.postMessage({ type: 'WidgetNotification', data: {
             type: 'success',
@@ -496,7 +530,7 @@
       });
   }
 
-  const getGamingLimits = (url:string) => {
+  const getGamingLimits = (url:URL):void => {
     if (showsuccessnotification === true) {
       setTimeout(() => {showsuccessnotification = false; }, 3000);
     } else if(showdeletenotification === true) {
@@ -510,9 +544,9 @@
       }
     };
 
-    fetch(url, options)
+    fetch(url.href, options)
       .then((res:any) => res.json())
-      .then((data:any) => {
+      .then((data:any):void => {
         playerlimits = data;
         // add name property for info boxes
         if (Object.keys(playerlimits).length !== 0) {
@@ -558,19 +592,22 @@
       });
   }
 
-  const getData = () => {
-    getAccountMenuDetails(`${cmsendpoint}/${lang}/profile-menu?env=${env}`);
-    getNotificationsDetails(`${cmsendpoint}/${lang}/support-information?env=${env}`);
+  const getData = ():void => {
+    getAccountMenuDetails(new URL(`${cmsendpoint}/${lang}/profile-menu?env=${env}`));
+    getNotificationsDetails(new URL(`${cmsendpoint}/${lang}/support-information?env=${env}`));
     getUserProfileInfo();
-    getGamingLimits(`${endpoint}/player/${playerid}/limits`);
-    getRealityCheckData(`${endpoint}/player/${playerid}/realitycheck`);
+    getGamingLimits(new URL(`${endpoint}/player/${playerid}/limits`));
+    getRealityCheckData(new URL(`${endpoint}/player/${playerid}/realitycheck`));
   }
 
-  const initialLoad = () => {
+  const setActiveLanguage = ():void => {
     setLocale(lang);
+  }
+
+  const initialLoad = ():void => {
     userId = playerid;
     sessionId = session;
-    pageName = widgetTitle[0];
+    pageName = widgetPath[0];
 
     if (!isMobile) {
       switchContent = true;
@@ -587,6 +624,7 @@
     }
   });
 
+  $: lang && setActiveLanguage();
   $: cmsendpoint && endpoint && customnotifications && playerid && session && lang && env && initialLoad();
 </script>
 
@@ -601,68 +639,68 @@
           <player-account-notifications customnotif={customnotifications}></player-account-notifications>
         </nav>
       {:else}
-        {#if switchContent && pageName === widgetTitle[0]}
+        {#if switchContent && pageName === widgetPath[0]}
           <player-profile-info {endpoint} {lang} {countrycode}></player-profile-info>
-        {:else if switchContent && pageName === widgetTitle[1]}
+        {:else if switchContent && pageName === widgetPath[1]}
           <player-change-password {lang}></player-change-password>
-        {:else if switchContent && pageName === widgetTitle[2]}
+        {:else if switchContent && pageName === widgetPath[2]}
           <player-reality-check realitycheck={realityCheckData} {endpoint} {playerid} {session} {lang}></player-reality-check>
-        {:else if switchContent && pageName === widgetTitle[3]}
+        {:else if switchContent && pageName === widgetPath[3]}
           <player-account-timeout {lang} {operator}></player-account-timeout>
-        {:else if switchContent && pageName === widgetTitle[4]}
+        {:else if switchContent && pageName === widgetPath[4]}
           <player-account-closure {lang}></player-account-closure>
-        {:else if switchContent && pageName === widgetTitle[5]}
+        {:else if switchContent && pageName === widgetPath[5]}
           <player-account-gaming-limits {depositlimit} {wageringlimit} {losslimit} {timelimit} {showsuccessnotification} {showdeletenotification} {lang}></player-account-gaming-limits>
-        {:else if switchContent && pageName === widgetTitle[6]}
+        {:else if switchContent && pageName === widgetPath[6]}
           <player-account-self-exclusion {lang} {operator}></player-account-self-exclusion>
-        {:else if switchContent && pageName === widgetTitle[7]}
+        {:else if switchContent && pageName === widgetPath[7]}
           <player-active-bonuses {endpoint} {session} {playerid} {lang}></player-active-bonuses>
-        {:else if switchContent && pageName === widgetTitle[8]}
+        {:else if switchContent && pageName === widgetPath[8]}
           <player-bonus-history {endpoint} {session} {playerid} {lang}></player-bonus-history>
-        {:else if switchContent && pageName === widgetTitle[9]}
+        {:else if switchContent && pageName === widgetPath[9]}
           <player-gaming-history {endpoint} {session} {playerid} {lang}></player-gaming-history>
-        {:else if switchContent && pageName === widgetTitle[10]}
+        {:else if switchContent && pageName === widgetPath[10]}
           <player-deposit {endpoint} {session} {playerid} {lang}></player-deposit>
-        {:else if switchContent && pageName === widgetTitle[11]}
+        {:else if switchContent && pageName === widgetPath[11]}
           <player-withdrawal {endpoint} {session} {playerid} {lang}></player-withdrawal>
-        {:else if switchContent && pageName === widgetTitle[12]}
+        {:else if switchContent && pageName === widgetPath[12]}
           <player-pending-withdrawals {endpoint} {session} {playerid} {lang}></player-pending-withdrawals>
-        {:else if switchContent && pageName === widgetTitle[13]}
+        {:else if switchContent && pageName === widgetPath[13]}
           <player-transaction-history {endpoint} {session} {playerid} {lang}></player-transaction-history>
         {/if}
       {/if}
     {:else}
       <nav>
-        <player-account-menu {endpoint} {session} {playerid} {lang}></player-account-menu>
+        <player-account-menu {endpoint} {session} {playerid} {lang} selecteditem={selected}></player-account-menu>
       </nav>
       <main>
-        {#if switchContent && pageName === widgetTitle[0]}
+        {#if switchContent && pageName === widgetPath[0]}
           <player-profile-info {endpoint} {lang} {countrycode}></player-profile-info>
-        {:else if switchContent && pageName === widgetTitle[1]}
+        {:else if switchContent && pageName === widgetPath[1]}
           <player-change-password {lang}></player-change-password>
-        {:else if switchContent && pageName === widgetTitle[2]}
+        {:else if switchContent && pageName === widgetPath[2]}
           <player-reality-check realitycheck={realityCheckData} {endpoint} {playerid} {session} {lang}></player-reality-check>
-        {:else if switchContent && pageName === widgetTitle[3]}
+        {:else if switchContent && pageName === widgetPath[3]}
           <player-account-timeout {lang} {operator}></player-account-timeout>
-        {:else if switchContent && pageName === widgetTitle[4]}
+        {:else if switchContent && pageName === widgetPath[4]}
           <player-account-closure {lang}></player-account-closure>
-        {:else if switchContent && pageName === widgetTitle[5]}
+        {:else if switchContent && pageName === widgetPath[5]}
           <player-account-gaming-limits {depositlimit} {wageringlimit} {losslimit} {timelimit} {showsuccessnotification} {showdeletenotification} {lang}></player-account-gaming-limits>
-        {:else if switchContent && pageName === widgetTitle[6]}
+        {:else if switchContent && pageName === widgetPath[6]}
           <player-account-self-exclusion {lang} {operator}></player-account-self-exclusion>
-        {:else if switchContent && pageName === widgetTitle[7]}
+        {:else if switchContent && pageName === widgetPath[7]}
           <player-active-bonuses {endpoint} {session} {playerid} {lang}></player-active-bonuses>
-        {:else if switchContent && pageName === widgetTitle[8]}
+        {:else if switchContent && pageName === widgetPath[8]}
           <player-bonus-history {endpoint} {session} {playerid} {lang}></player-bonus-history>
-        {:else if switchContent && pageName === widgetTitle[9]}
+        {:else if switchContent && pageName === widgetPath[9]}
           <player-gaming-history {endpoint} {session} {playerid} {lang}></player-gaming-history>
-        {:else if switchContent && pageName === widgetTitle[10]}
+        {:else if switchContent && pageName === widgetPath[10]}
           <player-deposit {endpoint} {session} {playerid} {lang}></player-deposit>
-        {:else if switchContent && pageName === widgetTitle[11]}
+        {:else if switchContent && pageName === widgetPath[11]}
           <player-withdrawal {endpoint} {session} {playerid} {lang}></player-withdrawal>
-        {:else if switchContent && pageName === widgetTitle[12]}
+        {:else if switchContent && pageName === widgetPath[12]}
           <player-pending-withdrawals {endpoint} {session} {playerid} {lang}></player-pending-withdrawals>
-        {:else if switchContent && pageName === widgetTitle[13]}
+        {:else if switchContent && pageName === widgetPath[13]}
           <player-transaction-history {endpoint} {session} {playerid} {lang}></player-transaction-history>
         {/if}
       </main>