@everymatrix/player-account-controller 1.37.3 → 1.37.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-controller",
-  "version": "1.37.3",
+  "version": "1.37.4",
   "main": "dist/player-account-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -35,5 +35,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "df31cbe8e6b206c5aed27f8036ab50826359872e"
+  "gitHead": "863252ebf7c846696d9b388f0d288993dbd5065c"
 }

package/src/PlayerAccountController.svelte

@@ -66,7 +66,6 @@
   export let biometricsenabled:string = 'false';
   export let activepage:string = '';
 
-
   setupI18n({ withLocale: 'en', translations: {}});
 
   let customStylingContainer:HTMLElement;
@@ -94,6 +93,7 @@
   let showErrorPasswordChanged:boolean = false;
   let selected:string;
   let ChangePasswordEvent: CustomEvent;
+  let activeMenuItem:string = '/profile-info';
 
   const widgetPath = ['/profile-info',
                       '/change-password',
@@ -117,6 +117,16 @@
                       '/transactions-history',
                       '/biometrics'];
 
+  const initialLoad = ():void => {
+    setDevice();
+
+    userId = playerid;
+    sessionId = session;
+
+    getData(); //For now we will let it here until we move all the datas to other widgets
+    setActivePage();
+  }
+
   const setDevice = ():void => {
     let device = getDevice(userAgent);
 
@@ -131,6 +141,12 @@
     }
   }
 
+  const setActivePage = ():void => {
+    if(!activepage && !isMobile) { activepage = widgetPath[0]; }
+
+    activeMenuItem = activepage;
+  }
+
   const setTranslationUrl = ():void => {
     let url:string = translationurl;
 
@@ -482,13 +498,6 @@
     }
   }
 
-  async function getAccountMenuDetails(url:URL) {
-    url.searchParams.append('device', deviceSegregationValue)
-    const response = await fetch(url.href);
-    const dataMenuItems = await response.json();
-    return dataMenuItems;
-  }
-
   const getNotificationsDetails = (url:URL):void => {
 
     url.searchParams.append('userRoles', userroles);
@@ -692,22 +701,7 @@
       });
   }
 
-  const findPageId = ():void => {
-    menuData.forEach(element => {
-      if (element.path.includes(activepage)) {
-        selected = element.id;
-      }
-    })
-  }
-
   const getData = ():void => {
-    getAccountMenuDetails(new URL(`${cmsendpoint}/${lang}/profile-menu?env=${env}`))
-      .then((data:any):void => {
-        menuData = data;
-        findPageId();
-        window.postMessage({ type: 'AccountMenuDetails', accountMenuInfo: menuData }, window.location.href);
-    });
-
     getNotificationsDetails(new URL(`${cmsendpoint}/${lang}/support-information?env=${env}`));
     getUserProfileInfo();
     getUserProfileConsent();
@@ -722,13 +716,6 @@
     getGamingLimits(new URL(`/v2/player/${userId}/limits`, endpoint));
   }
 
-  const initialLoad = ():void => {
-    setDevice()
-    userId = playerid;
-    sessionId = session;
-    getData();
-  }
-
   const setClientStyling = ():void => {
     let sheet = document.createElement('style');
     sheet.innerHTML = clientstyling;
@@ -762,6 +749,7 @@
   $: clientstyling && customStylingContainer && setClientStyling();
   $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: translationurl && setTranslationUrl();
+  $: activepage && setActivePage();
 </script>
 
 <svelte:head>
@@ -777,102 +765,102 @@
   {:else}
     <section class="PlayerAccountPage {isMobile ? 'PlayerAccountMobilePage' : ''}">
       {#if isMobile}
-        {#if !activepage}
+        {#if !activeMenuItem}
           <nav class="PlayerAccountMobile">
             <player-account-menu {endpoint} {session} {playerid} {lang} {translationurl} {userroles} {clientstyling} {clientstylingurl}></player-account-menu>
             <player-account-notifications customnotif={customnotifications} {translationurl} {clientstyling} {clientstylingurl}></player-account-notifications>
           </nav>
         {:else}
-          {#if activepage === widgetPath[0]}
+          {#if activeMenuItem === widgetPath[0]}
             <player-profile-info {endpoint} {lang} {countrycode} {translationurl} {clientstyling} {clientstylingurl} {custominputtextswitch}></player-profile-info>
-          {:else if activepage === widgetPath[1]}
+          {:else if activeMenuItem === widgetPath[1]}
             <player-change-password {simplepasswordvalidation} {translationurl} {lang} {clientstyling} {clientstylingurl}></player-change-password>
-          {:else if activepage === widgetPath[2]}
+          {:else if activeMenuItem === widgetPath[2]}
             <player-reality-check realitycheck={realityCheckData} {endpoint} {translationurl} {playerid} {session} {lang} {clientstyling} {clientstylingurl}></player-reality-check>
-          {:else if activepage === widgetPath[3]}
+          {:else if activeMenuItem === widgetPath[3]}
             <player-account-timeout {lang} {operator} {supportemail} {translationurl} {clientstyling} {clientstylingurl}></player-account-timeout>
-          {:else if activepage === widgetPath[4]}
+          {:else if activeMenuItem === widgetPath[4]}
             <player-account-closure {lang} {clientstyling} {clientstylingurl} {translationurl}></player-account-closure>
-          {:else if activepage === widgetPath[5]}
+          {:else if activeMenuItem === widgetPath[5]}
             <player-account-gaming-limits use:sendLimitsData {playercurrency} {separatelimits} {translationurl} {clientstyling} {clientstylingurl}></player-account-gaming-limits>
-          {:else if activepage === widgetPath[6]}
+          {:else if activeMenuItem === widgetPath[6]}
             <player-account-self-exclusion {lang} {operator} {supportemail} {clientstyling} {clientstylingurl} {translationurl}></player-account-self-exclusion>
-          {:else if activepage === widgetPath[7]}
+          {:else if activeMenuItem === widgetPath[7]}
             <player-active-bonuses {endpoint} {session} {playerid} {lang} {translationurl} {playercurrency} {clientstyling} {clientstylingurl}></player-active-bonuses>
-          {:else if activepage === widgetPath[8]}
+          {:else if activeMenuItem === widgetPath[8]}
             <player-bonus-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-bonus-history>
-          {:else if activepage === widgetPath[9]}
+          {:else if activeMenuItem === widgetPath[9]}
             <player-gaming-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl} {gmversion}></player-gaming-history>
-          {:else if activepage === widgetPath[10]}
+          {:else if activeMenuItem === widgetPath[10]}
             <player-deposit {endpoint} {session} {playerid} {lang} {hasdefaultamount} {translationurl} {clientstyling} {clientstylingurl} {playercurrency}></player-deposit>
-          {:else if activepage === widgetPath[11]}
+          {:else if activeMenuItem === widgetPath[11]}
             <player-withdrawal {endpoint} {session} {playerid} {lang} {hasdefaultamount} {translationurl} {clientstyling} {clientstylingurl} {playercurrency}></player-withdrawal>
-          {:else if activepage === widgetPath[12]}
+          {:else if activeMenuItem === widgetPath[12]}
             <player-pending-withdrawals {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-pending-withdrawals>
-          {:else if activepage === widgetPath[13]}
+          {:else if activeMenuItem === widgetPath[13]}
             <player-transaction-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-transaction-history>
-          {:else if activepage === widgetPath[14]}
+          {:else if activeMenuItem === widgetPath[14]}
             <player-account-betting-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-account-betting-history>
-          {:else if activepage === widgetPath[15]}
+          {:else if activeMenuItem === widgetPath[15]}
             <player-account-gaming-limits-wrapper-2 {endpoint} userid={playerid} {session} {lang} {tablabels} {historyenabled} {deletelimit} {limitsamount} {limitsperiods} {numberofentries} {customcurrencysymbols} {currency} {apiversion} {translationurl} {clientstyling} {clientstylingurl}></player-account-gaming-limits-wrapper-2>
-          {:else if activepage === widgetPath[16]}
-            <player-kyc-verification {endpoint} {session} user-id={playerid} language={lang} translation-url={translationurl} client-styling={clientstyling} client-styling-url={clientstylingurl}></player-kyc-verification> 
-          {:else if activepage === widgetPath[17] }
-            <user-deposit-withdrawal {endpoint} type="deposit" channel="Mobile" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session}  success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl} ></user-deposit-withdrawal>
-          {:else if activepage === widgetPath[18] }
-            <user-deposit-withdrawal {endpoint} type="withdraw" channel="Mobile" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session}  success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}></user-deposit-withdrawal>
-          {:else if activepage === widgetPath[19] }
+          {:else if activeMenuItem === widgetPath[16]}
+            <player-kyc-verification {endpoint} {session} user-id={playerid} language={lang} kyc-title={kyctitle} description={kycdescription} translation-url={translationurl} client-styling={clientstyling} client-styling-url={clientstylingurl}></player-kyc-verification>
+          {:else if activeMenuItem === widgetPath[17] }
+            <user-deposit-withdrawal {endpoint} type="deposit" channel="Mobile" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session}  success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}  client-styling={clientstyling} client-styling-url={clientstylingurl}></user-deposit-withdrawal>
+          {:else if activeMenuItem === widgetPath[18] }
+            <user-deposit-withdrawal {endpoint} type="withdraw" channel="Mobile" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session}  success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}  client-styling={clientstyling} client-styling-url={clientstylingurl}></user-deposit-withdrawal>
+          {:else if activeMenuItem === widgetPath[19] }
             <user-transaction-history endpoint={endpoint} user-id={playerid} session={session} mobile={isMobile} translation-url={translationurl} language={lang}></user-transaction-history>
-          {:else if activepage === widgetPath[20] }
+          {:else if activeMenuItem === widgetPath[20] }
             <player-account-biometrics {biometricsenabled} {lang} {clientstyling} {clientstylingurl} {translationurl}></player-account-biometrics>
-          {/if}  
+          {/if}
         {/if}
       {:else}
         <nav>
-          <player-account-menu {endpoint} {session} {playerid} {lang} selecteditem={selected} {userroles} {clientstyling} {clientstylingurl}></player-account-menu>
+          <player-account-menu {endpoint} {session} {playerid} {lang} {env} activemenuitem={activeMenuItem}  {cmsendpoint} selecteditem={selected} {userroles} {clientstyling} {clientstylingurl}></player-account-menu>
         </nav>
         <main>
-          {#if activepage === widgetPath[0]}
+          {#if activeMenuItem === widgetPath[0]}
             <player-profile-info {endpoint} {lang} {countrycode} {translationurl} {clientstyling} {clientstylingurl} {custominputtextswitch}></player-profile-info>
-          {:else if activepage === widgetPath[1]}
+          {:else if activeMenuItem === widgetPath[1]}
             <player-change-password {simplepasswordvalidation}{lang} {translationurl}  {clientstyling} {clientstylingurl}></player-change-password>
-          {:else if activepage === widgetPath[2]}
+          {:else if activeMenuItem === widgetPath[2]}
             <player-reality-check realitycheck={realityCheckData} {endpoint} {translationurl} {playerid} {session} {lang} {clientstyling} {clientstylingurl}></player-reality-check>
-          {:else if activepage === widgetPath[3]}
+          {:else if activeMenuItem === widgetPath[3]}
             <player-account-timeout {lang} {operator} {supportemail} {translationurl} {clientstyling} {clientstylingurl}></player-account-timeout>
-          {:else if activepage === widgetPath[4]}
+          {:else if activeMenuItem === widgetPath[4]}
             <player-account-closure {lang} {clientstyling} {translationurl} {clientstylingurl}></player-account-closure>
-          {:else if activepage == widgetPath[5]}
+          {:else if activeMenuItem == widgetPath[5]}
             <player-account-gaming-limits use:sendLimitsData {playercurrency} {translationurl} {separatelimits} {clientstyling} {clientstylingurl}></player-account-gaming-limits>
-          {:else if activepage === widgetPath[6]}
+          {:else if activeMenuItem === widgetPath[6]}
             <player-account-self-exclusion {lang} {operator}  {supportemail} {translationurl} {clientstyling} {clientstylingurl}></player-account-self-exclusion>
-          {:else if activepage === widgetPath[7]}
+          {:else if activeMenuItem === widgetPath[7]}
             <player-active-bonuses {endpoint} {session} {playerid} {lang} {translationurl} {playercurrency} {clientstyling} {clientstylingurl}></player-active-bonuses>
-          {:else if activepage === widgetPath[8]}
+          {:else if activeMenuItem === widgetPath[8]}
             <player-bonus-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-bonus-history>
-          {:else if activepage === widgetPath[9]}
+          {:else if activeMenuItem === widgetPath[9]}
             <player-gaming-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl} {gmversion}></player-gaming-history>
-          {:else if activepage === widgetPath[10]}
+          {:else if activeMenuItem === widgetPath[10]}
             <player-deposit {endpoint} {session} {playerid} {lang} {hasdefaultamount} {translationurl} {clientstyling} {clientstylingurl} {playercurrency}></player-deposit>
-          {:else if activepage === widgetPath[11]}
+          {:else if activeMenuItem === widgetPath[11]}
             <player-withdrawal {endpoint} {session} {playerid} {lang} {hasdefaultamount} {translationurl} {clientstyling} {clientstylingurl} {playercurrency}></player-withdrawal>
-          {:else if activepage === widgetPath[12]}
+          {:else if activeMenuItem === widgetPath[12]}
             <player-pending-withdrawals {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-pending-withdrawals>
-          {:else if activepage === widgetPath[13]}
+          {:else if activeMenuItem === widgetPath[13]}
             <player-transaction-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-transaction-history>
-          {:else if activepage === widgetPath[14]}
+          {:else if activeMenuItem === widgetPath[14]}
             <player-account-betting-history {endpoint} {session} {playerid} {lang} {translationurl} {clientstyling} {clientstylingurl}></player-account-betting-history>
-          {:else if activepage === widgetPath[15]}
+          {:else if activeMenuItem === widgetPath[15]}
             <player-account-gaming-limits-wrapper-2 {endpoint} userid={playerid} {session} {tablabels} {lang} {historyenabled} {deletelimit} {limitsamount} {limitsperiods} {numberofentries} {customcurrencysymbols} {currency} {apiversion} {translationurl} {clientstyling} {clientstylingurl}></player-account-gaming-limits-wrapper-2>
-          {:else if activepage === widgetPath[16]}
-            <player-kyc-verification {endpoint} {session} user-id={playerid} language={lang} translation-url={translationurl} client-styling={clientstyling} client-styling-url={clientstylingurl}></player-kyc-verification> 
-          {:else if activepage === widgetPath[17] }
-            <user-deposit-withdrawal endpoint={endpoint} type="deposit" channel="Desktop" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session} success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}></user-deposit-withdrawal>
-          {:else if activepage === widgetPath[18] }
-            <user-deposit-withdrawal endpoint={endpoint} type="withdraw" channel="Desktop" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session} success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl}></user-deposit-withdrawal>
-          {:else if activepage === widgetPath[19] }
+          {:else if activeMenuItem === widgetPath[16]}
+            <player-kyc-verification {endpoint} {session} user-id={playerid} language={lang} translation-url={translationurl} kyc-title={kyctitle} description={kycdescription} client-styling={clientstyling} client-styling-url={clientstylingurl}></player-kyc-verification>
+          {:else if activeMenuItem === widgetPath[17] }
+            <user-deposit-withdrawal endpoint={endpoint} type="deposit" channel="Desktop" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session} success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl} client-styling={clientstyling} client-styling-url={clientstylingurl}></user-deposit-withdrawal>
+          {:else if activeMenuItem === widgetPath[18] }
+            <user-deposit-withdrawal endpoint={endpoint} type="withdraw" channel="Desktop" language={lang} {translationurl} {currency} show-bonus-selection-input={showcashierbonus} product-type={producttype} user-id={playerid} {session} success-url={'https://' + window.location.hostname + '/' + lang + successurl} cancel-url={'https://' + window.location.hostname + '/' + lang + cancelurl} fail-url={'https://' + window.location.hostname + '/' + lang + failurl} sports-url={'https://' + window.location.hostname + '/' + lang + sportsurl} casino-url={'https://' + window.location.hostname + '/' + lang + casinourl} contact-url={'https://' + window.location.hostname + '/' + lang + contacturl} home-url={'https://' + window.location.hostname + '/' + lang + homeurl} deposit-url={'https://' + window.location.hostname + '/' + lang + depositurl} client-styling={clientstyling} client-styling-url={clientstylingurl}></user-deposit-withdrawal>
+          {:else if activeMenuItem === widgetPath[19] }
             <user-transaction-history endpoint={endpoint} user-id={playerid} session={session} mobile={isMobile} translation-url={translationurl} language={lang}></user-transaction-history>
-          {/if} 
+          {/if}
         </main>
         <aside>
           <player-account-notifications customnotif={customnotifications} {translationurl} {clientstyling} {clientstylingurl}></player-account-notifications>