@everymatrix/player-account-controller 0.0.401 → 0.0.402

package/index.html

@@ -31,11 +31,12 @@
 
 
   <div class="webcomponent">
+    
     <player-account-controller
       endpoint="https://ngenge-com-api.stage.norway.everymatrix.com/v1"
-      cmsendpoint="https://ngenge-stage2.everymatrix.com/apijson"
-      playerid="3997218"
-      session="68334ed0-5227-4b89-92ef-284a2f537a23"
+      cmsendpoint="https://wt1-stage.everymatrix.com/apijson"
+      playerid="4071802"
+      session="5602b08e-df62-481c-8754-0e3d692aa0e9"
       customnotifications="#58586B,#2687F6,#D0046C"
       lang="en"
       env="stage"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-controller",
-  "version": "0.0.401",
+  "version": "0.0.402",
   "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.401",
-    "@everymatrix/player-account-notifications": "^0.0.401",
+    "@everymatrix/player-account-menu": "^0.0.402",
+    "@everymatrix/player-account-notifications": "^0.0.402",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b3bbda8a314a8c6a5f05d45b471a2995556e9fad"
+  "gitHead": "c34a1b1831353cf2d35cc737b5b85cbfd12f9e62"
 }

package/src/PlayerAccountController.svelte

@@ -22,6 +22,8 @@
   import '@everymatrix/player-pending-withdrawals';
   import '@everymatrix/player-transaction-history';
   import '@everymatrix/player-gaming-history';
+  import '@everymatrix/player-account-betting-history';
+  import type { OmWidgets } from './PlayerAccountController.types';
 
   export let cmsendpoint:string = '';
   export let env:string = '';
@@ -32,6 +34,9 @@
   export let endpoint:string = '';
   export let lang:string = '';
   export let operator:string = 'Everymatrix';
+  export let operatorid: string = ''
+  export let realm: string = ''
+  export let webapiendpoint: string = 'wss://api-stage.everymatrix.com/v2'
   export let separatelimits:string = 'true';
   export let userroles:string = '';
 
@@ -48,6 +53,7 @@
   let countrycode:string = '';
   let playercurrency: string = null;
   // limits variables
+  let deviceSegregationValue: string = '';
   let playerlimits: any = {};
   let depositlimit:any;
   let wageringlimit:any;
@@ -60,6 +66,8 @@
   let errorPasswordChanged:string = '';
   let showErrorPasswordChanged:boolean = false;
   let selected:string;
+  let isOmInitalized: boolean = false;
+  let omWebWidgets: OmWidgets;
 
   const widgetTitle = ['Profile Info',
                       'Change password',
@@ -74,7 +82,8 @@
                       'Deposit',
                       'Withdrawal',
                       'Pending Withdrawals',
-                      'Transaction History'];
+                      'Transaction History',
+                      'Betting History'];
   const widgetPath = ['/profile-info',
                       '/change-password',
                       '/reality-check',
@@ -88,8 +97,26 @@
                       '/deposit',
                       '/withdrawal',
                       '/pending-withdrawals',
-                      '/transaction-history'];
+                      '/transaction-history',
+                      '/betting-history'];
+  
   let switchContent:boolean = false;
+  let device = getDevice(userAgent)
+
+  const setDevice = ():void => {
+    let device = getDevice(userAgent)
+
+        if(device){
+          if(device === 'PC'){
+            deviceSegregationValue = 'dk';
+          } else if(device === 'iPad' || device === 'iPhone') {
+            deviceSegregationValue = 'ios';
+          } else {
+            deviceSegregationValue = 'mtWeb';
+          }
+        }
+      
+  }
 
   Object.keys(PlayerAccountControllerTranslations).forEach((item:any) => {
     addNewMessages(item, PlayerAccountControllerTranslations[item]);
@@ -97,7 +124,6 @@
 
   const messageHandler = (e:any):void => {
     let url:URL;
-
     if (e.data) {
       switch(e.data.type) {
         case 'AccountMenuDetails':
@@ -121,6 +147,7 @@
           pagePath = e.data.pagePath;
 
           let accountDetailsURL:URL = new URL(`${cmsendpoint}/${lang}/profile-menu?env=${env}`);
+          accountDetailsURL.searchParams.append('device', deviceSegregationValue)
 
           getAccountMenuDetails(accountDetailsURL).then((menuData:any):void => {
             let aux:Array<any> = menuData.filter((item) => {
@@ -444,6 +471,7 @@
   }
 
   async function getAccountMenuDetails(url:URL) {
+    url.searchParams.append('device', deviceSegregationValue)
     const response = await fetch(url.href);
     const dataMenuItems = await response.json();
     return dataMenuItems;
@@ -452,18 +480,7 @@
   const getNotificationsDetails = (url:URL):void => {
 
     url.searchParams.append('userRoles', userroles);
-
-    let device = getDevice(userAgent)
-
-    if(device){
-      if(device === 'PC'){
-        url.searchParams.append('device', 'dk')
-      } else if(device === 'iPad' || device === 'iPhone') {
-        url.searchParams.append('device', 'ios')
-      } else {
-        url.searchParams.append('device', 'mtWeb')
-      }
-    }
+    url.searchParams.append('device', deviceSegregationValue)
 
     fetch(url.href)
       .then((res:any) => res.json())
@@ -680,6 +697,7 @@
   }
 
   const initialLoad = ():void => {
+    setDevice()
     userId = playerid;
     sessionId = session;
     if (!isMobile) {
@@ -688,6 +706,47 @@
     getData();
   }
 
+  const initOMWidgets = () => {
+    //@ts-ignore
+    import('https://static.everymatrix.com/omfe-widgets/s/widgets/0.158.13/widgets.min.js').then(() => {
+      const omWidgetsConfig = {
+          operatorId: operatorid,
+          publicPath: 'https://static.everymatrix.com/omfe-widgets/s/widgets/0.158.13/',
+          webApiWampy: {
+              'url': webapiendpoint,
+              'realm': realm
+          },
+          icons: 'https://static.everymatrix.com/omfe-widgets/s/assets/1.10.3/om2/icons/',
+          reconnectDetails: {
+        active: true, // if reconnect details should be active
+        minInterval: 1000, // the min period until a reconnect attempt
+        maxInterval: 10000, // the max period until a reconnect
+        intervalIncrement: 1000, // the incremental period added for each failed reconnect attempt
+      },
+      oddsInfo:{
+        oddsFormat:'DECIMAL'
+      },
+      auth: {
+          type: 'EmSession',
+          sessionId: 'AuthenticationNotLoaded' // show loading until token is passed
+      },
+      };
+      omWebWidgets = (window as any).omWebWidgets 
+      omWebWidgets.init(omWidgetsConfig);
+    }).catch(error => {
+      console.error(error);
+    }).finally(() => {
+       isOmInitalized = true;
+    })
+  }
+
+  const updateOMSession = (session: string) => {
+    omWebWidgets.updateAuthMethod({
+      type: 'EmSession',
+      sessionId: session
+    })
+  }
+
   onMount(() => {
     window.addEventListener('message', messageHandler, false);
 
@@ -699,6 +758,7 @@
   $: lang && switchContent && pagePath && setActiveLanguage();
   $: cmsendpoint && endpoint && customnotifications && playerid && session && lang && env && userroles && initialLoad();
   $: depositlimit && wageringlimit && losslimit && timelimit;
+
 </script>
 
 {#if isLoading}
@@ -738,8 +798,10 @@
           <player-withdrawal {endpoint} {session} {playerid} {lang}></player-withdrawal>
         {:else if switchContent && pagePath === widgetPath[12]}
           <player-pending-withdrawals {endpoint} {session} {playerid} {lang}></player-pending-withdrawals>
-        {:else if switchContent} <!-- TODO: Fix pagePath comming twich on last item -->
+        {:else if switchContent && pagePath === widgetPath[13]}
           <player-transaction-history {endpoint} {session} {playerid} {lang}></player-transaction-history>
+        {:else if switchContent && pagePath === widgetPath[14]}
+          <player-account-betting-history {endpoint} {session} {playerid} {lang} ></player-account-betting-history>
         {/if}
       {/if}
     {:else}
@@ -773,8 +835,10 @@
           <player-withdrawal {endpoint} {session} {playerid} {lang}></player-withdrawal>
         {:else if switchContent && pagePath === widgetPath[12]}
           <player-pending-withdrawals {endpoint} {session} {playerid} {lang}></player-pending-withdrawals>
-        {:else if switchContent}  <!-- TODO: Fix pagePath comming twich on last item -->
+        {:else if switchContent && pagePath === widgetPath[13]}
           <player-transaction-history {endpoint} {session} {playerid} {lang}></player-transaction-history>
+        {:else if switchContent && pagePath === widgetPath[14]}
+          <player-account-betting-history {endpoint} {session} {playerid} {lang} ></player-account-betting-history>
         {/if}
       </main>
       <aside>

package/src/PlayerAccountController.types.ts

@@ -0,0 +1,5 @@
+export type OmWidgets = {
+  init: Function;
+  updateAuthMethod: Function;
+  getWebWidgetsConfig: Function;
+};