@everymatrix/player-account-controller 0.0.159 → 0.0.163

package/documentation.md

@@ -27,6 +27,10 @@ For example here is a list of the components used in order to display the Player
 - Player Timeout
 - Player Account Closure
 - Player Gaming Limits
+- Deposit
+- Withdrawal
+- Pending Withdrawals
+- Transaction History
 
 These components can also be used on their own, and they still can communicate to each other even if they are structurally placed in separate parts of your application (they still need to be on the same page).
 
@@ -131,6 +135,10 @@ The `customnotifications` is a string data that contains the background colors u
 |GamingLimitsConfirmChanges|no extra data sent|intermediary step towards updating the data in which the user's acknowledgement to edit the limit values is confirmed|
 |CancelGamingLimitsChanges|no extra data sent|intermediary step towards updating the data in which the user cancels the changes he has made to his gaming limits|
 |PlayerAccountGamingLimitDelete|limit - the limit data to be deleted|intermediary step towards deleting data in which the user's acknowledgement to delete limit values is confirmed|
+|Deposit|currency - send the user currency, amount - send "o" as amount|send POST to get the deposit iframe url
+|Withdrawal|currency - send the user currency, amount - send "o" as amount|send POST to get the withdraw iframe url
+|Pending Withdrawal|no extra data sent|get pending withdrawals iframe url
+|Transaction History|no extra data sent|get transaction history iframe url
 |CancelGamingLimitsRemove|no extra data sent|intermediary step towards deleting limits data in which the user cancels the changes he has made to his gaming limits|
 |ModalClosed|no extra data sent|closes current confirmation modal|
 |EnableScroll|no extra data sent|enables scroll after the used closes the modal|

package/index.html

@@ -33,11 +33,12 @@
     <player-account-controller
       endpoint="https://demo-api.stage.norway.everymatrix.com/v1"
       cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1"
-      playerid="3930083"
-      session="6be650ae-87f4-4e6d-a550-402b903b3cb0"
+      playerid="3685503"
+      session="32d59c64-3678-4635-96c1-ce220b8fbf3a"
       accountpath="/menu-locations/profile-menu"
       notificationpath="/support_information"
       customnotifications="#58586B,#2687F6,#D0046C"
+      lang="en"
       ></player-account-controller>
     <!--<player-account-controller cmsendpoint="https://wp-one-widgets.everymatrix.com/wp-json/wpone-rest/v1"
     accountpath="/menu-locations/profile-menu"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-controller",
-  "version": "0.0.159",
+  "version": "0.0.163",
   "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.159",
-    "@everymatrix/player-account-notifications": "^0.0.159",
+    "@everymatrix/player-account-menu": "^0.0.163",
+    "@everymatrix/player-account-notifications": "^0.0.163",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b31f13fc3693a1537289b636dd8b676fb15e9d0e"
+  "gitHead": "0987227fd54b268a6dedfb7687bc94ba10d87ea7"
 }

package/src/PlayerAccountController.svelte

@@ -3,6 +3,7 @@
 <script lang="typescript">
   import { onMount, tick } from 'svelte';
   import { getDevice } from 'rvhelper';
+  import { _, addNewMessages, setLocale, setupI18n } from './i18n';
 
   import '@everymatrix/player-account-menu';
   import '@everymatrix/player-account-notifications';
@@ -17,6 +18,11 @@
   import '@everymatrix/player-account-gaming-limits';
   import '@everymatrix/player-active-bonuses';
   import '@everymatrix/player-bonus-history';
+  import '@everymatrix/player-deposit';
+  import '@everymatrix/player-withdrawal';
+  import '@everymatrix/player-pending-withdrawals';
+  import '@everymatrix/player-transaction-history';
+  import '@everymatrix/player-gaming-history';
 
   export let cmsendpoint:string = '';
   export let accountpath:string = '';
@@ -26,6 +32,9 @@
   export let playerid:string = '';
   export let session:string = '';
   export let endpoint:string = '';
+  export let lang:string = 'en';
+
+  setupI18n({ withLocale: 'en', translations: {}});
 
   let isLoading:boolean = false;
   let userAgent:string = window.navigator.userAgent;
@@ -42,9 +51,25 @@
   let losslimit:any;
   let timelimit:any;
   let showsuccessnotification:boolean = false;
-  let showresetnotification:boolean = false;
-
-  const widgetTitle = ['Profile Info', 'Change password', 'Reality Check', 'Timeout', 'Account Closure', 'Gaming Limits', 'Self Exclusion', 'Active Bonuses', 'Bonus History'];
+  let showdeletenotification:boolean = false;
+  let realityCheckData:any;
+  let storedRealityCheck:string = '';
+
+
+  const widgetTitle = ['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 + accountpath;
   const notificationsEndpointURL:string = cmsendpoint + notificationpath;
 
@@ -266,6 +291,7 @@
           }
           let limitsCategoryTitle = e.data.name;
           let limitName:string = '';
+
           switch (limitsCategoryTitle) {
             case 'depositLimits':
               limitName = 'deposit';
@@ -306,8 +332,7 @@
           fetch(url, deleteOptions)
           .then((res:any) => {
               if (res.status == 200) {
-                showresetnotification = true;
-
+                showdeletenotification = true;
                 getGamingLimits(`${endpoint}/player/${playerid}/limits`);
               } else {
                 // ERROR
@@ -323,6 +348,10 @@
           getGamingLimits(`${endpoint}/player/${playerid}/limits`);
           break;
 
+        case 'SubmittedRealityCheck':
+          setRealityCheckValue(e.data.realityCheckUpdatedValue);
+          break;
+
         default:
         // do nothing
         break;
@@ -371,12 +400,53 @@
       });
   }
 
+  const getRealityCheckData = (url:string) => {
+    let options = {
+      method: 'GET',
+      headers: {
+        'X-SessionID': sessionId,
+      }
+    }
+    fetch(url, options)
+      .then((res:any) => { return res.json(); })
+      .then((data:any) => {
+        realityCheckData = data.UserRealityCheckValue;
+      }, (err:any) => {
+        console.error(err);
+      });
+  }
+
+  const setRealityCheckValue = (updatedData:string) => {
+    if(updatedData) {
+      storedRealityCheck = updatedData;
+    }
+
+    let optionsRealityCheck = {
+      method: "POST",
+      headers: {
+        'X-SessionID': sessionId,
+        'Content-Type': "application/json",
+        'Accept': 'application/json',
+        'realityCheckValue': parseInt(storedRealityCheck, 10)
+      }
+    };
+
+    fetch(`${endpoint}/player/${userId}/realitycheck`, optionsRealityCheck)
+      .then((res:any) => {
+        if (res.status == 200) {
+          getRealityCheckData(`${endpoint}/player/${playerid}/realitycheck`);
+          window.postMessage({ type: 'RealityCheckValueUpdated' }, window.location.href);
+        }
+      }, (err:any) => {
+        console.error(err);
+      });
+  }
 
   const getGamingLimits = (url:string) => {
     if (showsuccessnotification === true) {
       setTimeout(() => {showsuccessnotification = false; }, 3000);
-    } else if(showresetnotification === true) {
-      setTimeout(() => {showresetnotification = false; }, 3000);
+    } else if(showdeletenotification === true) {
+      setTimeout(() => {showdeletenotification = false; }, 3000);
     }
 
     let options = {
@@ -441,9 +511,11 @@
     getNotificationsDetails(cmsendpoint + notificationpath);
     getUserProfileInfo();
     getGamingLimits(`${endpoint}/player/${playerid}/limits`);
+    getRealityCheckData(`${endpoint}/player/${playerid}/realitycheck`);
   }
 
   const initialLoad = () => {
+    setLocale(lang);
     userId = playerid;
     sessionId = session;
     pageName = widgetTitle[0];
@@ -463,7 +535,7 @@
     }
   });
 
-  $: cmsendpoint && endpoint && accountpath && notificationpath && customnotifications && playerid && session && initialLoad();
+  $: cmsendpoint && endpoint && accountpath && notificationpath && customnotifications && playerid && session && lang && initialLoad();
 </script>
 
 {#if isLoading}
@@ -482,19 +554,29 @@
         {:else if switchContent && pageName === widgetTitle[1]}
           <player-change-password></player-change-password>
         {:else if switchContent && pageName === widgetTitle[2]}
-          <player-reality-check></player-reality-check>
+          <player-reality-check realitycheck={realityCheckData}></player-reality-check>
         {:else if switchContent && pageName === widgetTitle[3]}
           <player-account-timeout></player-account-timeout>
         {:else if switchContent && pageName === widgetTitle[4]}
           <player-account-closure></player-account-closure>
         {:else if switchContent && pageName === widgetTitle[5]}
-          <player-account-gaming-limits {depositlimit} {wageringlimit} {losslimit} {timelimit} {showsuccessnotification} {showresetnotification}></player-account-gaming-limits>
+          <player-account-gaming-limits {depositlimit} {wageringlimit} {losslimit} {timelimit} {showsuccessnotification} {showdeletenotification}></player-account-gaming-limits>
         {:else if switchContent && pageName === widgetTitle[6]}
           <player-account-self-exclusion></player-account-self-exclusion>
         {:else if switchContent && pageName === widgetTitle[7]}
           <player-active-bonuses {endpoint} {session} {playerid}></player-active-bonuses>
         {:else if switchContent && pageName === widgetTitle[8]}
           <player-bonus-history {endpoint} {session} {playerid}></player-bonus-history>
+        {:else if switchContent && pageName === widgetTitle[9]}
+          <player-gaming-history {endpoint} {session} {playerid}></player-gaming-history>
+        {:else if switchContent && pageName === widgetTitle[10]}
+          <player-deposit {endpoint} {session} {playerid}></player-deposit>
+        {:else if switchContent && pageName === widgetTitle[11]}
+          <player-withdrawal {endpoint} {session} {playerid}></player-withdrawal>
+        {:else if switchContent && pageName === widgetTitle[12]}
+          <player-pending-withdrawals {endpoint} {session} {playerid}></player-pending-withdrawals>
+        {:else if switchContent && pageName === widgetTitle[13]}
+          <player-transaction-history {endpoint} {session} {playerid}></player-transaction-history>
         {/if}
       {/if}
     {:else}
@@ -507,19 +589,29 @@
         {:else if switchContent && pageName === widgetTitle[1]}
           <player-change-password></player-change-password>
         {:else if switchContent && pageName === widgetTitle[2]}
-          <player-reality-check></player-reality-check>
+          <player-reality-check realitycheck={realityCheckData}></player-reality-check>
         {:else if switchContent && pageName === widgetTitle[3]}
           <player-account-timeout></player-account-timeout>
         {:else if switchContent && pageName === widgetTitle[4]}
           <player-account-closure></player-account-closure>
         {:else if switchContent && pageName === widgetTitle[5]}
-          <player-account-gaming-limits {depositlimit} {wageringlimit} {losslimit} {timelimit} {showsuccessnotification} {showresetnotification}></player-account-gaming-limits>
+          <player-account-gaming-limits {depositlimit} {wageringlimit} {losslimit} {timelimit} {showsuccessnotification} {showdeletenotification}></player-account-gaming-limits>
         {:else if switchContent && pageName === widgetTitle[6]}
           <player-account-self-exclusion></player-account-self-exclusion>
         {:else if switchContent && pageName === widgetTitle[7]}
           <player-active-bonuses {endpoint} {session} {playerid}></player-active-bonuses>
         {:else if switchContent && pageName === widgetTitle[8]}
           <player-bonus-history {endpoint} {session} {playerid}></player-bonus-history>
+        {:else if switchContent && pageName === widgetTitle[9]}
+          <player-gaming-history {endpoint} {session} {playerid}></player-gaming-history>
+        {:else if switchContent && pageName === widgetTitle[10]}
+          <player-deposit {endpoint} {session} {playerid}></player-deposit>
+        {:else if switchContent && pageName === widgetTitle[11]}
+          <player-withdrawal {endpoint} {session} {playerid}></player-withdrawal>
+        {:else if switchContent && pageName === widgetTitle[12]}
+          <player-pending-withdrawals {endpoint} {session} {playerid}></player-pending-withdrawals>
+        {:else if switchContent && pageName === widgetTitle[13]}
+          <player-transaction-history {endpoint} {session} {playerid}></player-transaction-history>
         {/if}
       </main>
       <aside>

package/src/i18n.js

@@ -0,0 +1,27 @@
+import {
+  dictionary,
+  locale,
+  addMessages,
+  _
+} from 'svelte-i18n';
+
+function setupI18n({ withLocale: _locale, translations }) {
+  locale.subscribe((data) => {
+    if (data == null) {
+      dictionary.set(translations);
+      locale.set(_locale);
+    }
+  }); // maybe we will need this to make sure that the i18n is set up only once
+  /*dictionary.set(translations);
+  locale.set(_locale);*/
+}
+
+function addNewMessages(lang, dict) {
+  addMessages(lang, dict);
+}
+
+function setLocale(_locale) {
+  locale.set(_locale);
+}
+
+export { _, setupI18n, addNewMessages, setLocale };