@everymatrix/player-account-gaming-limits-wrapper-2 0.0.365 → 0.0.368

package/index.html

@@ -20,26 +20,17 @@
     .header__name span { margin-right: 10px; font-weight: bold; }
     .webcomponent { padding: 10px 20px; }
   </style>
-<!--   
-  <header class="header">
-    <div class="header__logo">
-      <svg xmlns="http://www.w3.org/2000/svg" width="161" height="132" viewBox="0 0 161 132"><defs><linearGradient x1="0%" y1="50%" y2="50%" id="a"><stop stop-color="#2A3B8F" offset="0%"/><stop stop-color="#29ABE2" offset="100%"/></linearGradient><linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="c"><stop stop-color="#B4D44E" offset="0%"/><stop stop-color="#E7F716" offset="100%"/></linearGradient></defs><g fill="none" fill-rule="evenodd"><path fill="#166DA5" d="M160.6 65.9l-17.4 29.3-24.4-29.7 24.4-28.9z"/><path fill="#8FDB69" d="M141.3 100.2l-26.5-31.7-15.9 26.6 24.7 36.1z"/><path fill="#166DA5" d="M141 31.4l-26.2 31.8-15.9-26.6L123.6.9z"/><path fill="url(#a)" opacity=".95" d="M61.1 31.4H141L123.4.7H78.7z M114.8 63.3H159l-15.9-26.8H98.8"/><path fill="url(#c)" opacity=".95" d="M141.3 100.3H61l17.6 30.5h45z M114.8 68.4H159l-15.9 26.8H98.8"/><path fill="#010101" d="M78.6 130.8L41 65.8 79.1.8H37.9L.4 65.8l37.5 65z"/></g></svg>
-    </div>
-    <h1 class="header__name">
-      <span>WEBCOMPONENT:</span> player-account-gaming-limits-wrapper-2
-    </h1>
-  </header> -->
 
   <div class="webcomponent">
     <player-account-gaming-limits-wrapper-2
-      userid="4486158"
-      session="92c1a714-5a6b-4c4b-96ea-50a133d898f7"
-      endpoint="https://betathome-de-stage-api.stage.norway.everymatrix.com/"
-      apiversion="gm16"
+      userid="4500790"
+      session="cf931f70-0545-42c4-b662-dbd70d3fff85"
+      endpoint="https://betathome-com-stage-api.stage.norway.everymatrix.com/"
+      apiversion="gmcore"
       currency = 'EUR'
       lang="en"
 
-      includedlimits = "lugas, wager, deposit loss stake"
+      includedlimits = "wager, deposit loss stake"
       tablabels = 'Deposit Limit, Slots Limit, Other'
       historyenabled = "true"
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits-wrapper-2",
-  "version": "0.0.365",
+  "version": "0.0.368",
   "main": "dist/player-account-gaming-limits-wrapper-2.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f4dabfce4df55a591981f327a670cc250a2ed257"
+  "gitHead": "8de3cc787cc97aec99916dfedb01ec69ac55ba98"
 }

package/src/PlayerAccountGamingLimitsWrapper_2.svelte

@@ -1,4 +1,5 @@
 <svelte:options tag={null} />
+
 <script lang="ts">
   import '@everymatrix/player-account-gaming-limits-page-2-gmcore';
   import '@everymatrix/player-account-gaming-limits-page-2-gm16';
@@ -19,10 +20,7 @@
   export let clientstylingurl:string = '';
 
   let isLoading:boolean = true;
-
   let customStylingContainer:HTMLElement;
-  let displayNone:boolean = false;
-
   let limitTabs:Array<string> = [];
   let tabLabelArray:Array<string>;
   let mainContainer:HTMLElement;
@@ -34,9 +32,9 @@
     isLoading = false;
   }
 
-  const selectTab = (index):void => {
+  const selectTab = (index:number):void => {
     if (mainContainer.children.length > 0){
-      for (let i = 0; i < mainContainer.children.length; i++) {
+      for (let i:number = 0; i < mainContainer.children.length; i++) {
         if (index === i) {
           mainContainer.children[i].classList.remove('hidden');
           tabsContainer?.children[i].classList.add('selected');
@@ -49,14 +47,12 @@
   }
 
   const setClientStyling = ():void => {
-    let sheet = document.createElement('style');
+    let sheet:HTMLElement = document.createElement('style');
     sheet.innerHTML = clientstyling;
     customStylingContainer.appendChild(sheet);
   }
 
   const setClientStylingURL = ():void => {
-    displayNone = true;
-
     let url:URL = new URL(clientstylingurl);
     let cssFile:HTMLElement = document.createElement('style');
 
@@ -67,7 +63,6 @@
 
         if (customStylingContainer) {
           setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
-          setTimeout(() => { displayNone = false; }, 500);
         }
       });
   }
@@ -77,6 +72,7 @@
   $:clientstyling && setClientStyling();
   $:userid && session && endpoint && includedlimits && tablabels && determineTabs();
 </script>
+
 <div bind:this={customStylingContainer}>
   {#if isLoading}
   <!-- Just show nothing, this is loading exposed attributes, not making a fetch. It takes an instant, but prevents nested widgets from rendering with empty attributes -->
@@ -91,6 +87,17 @@
 
     <div class="player-account-gaming-limits-wrapper-2" bind:this={mainContainer}>
       {#each limitTabs as limits}
+        {#if apiversion == 'gmcore'}
+          <player-account-gaming-limits-page-2-gmcore class="hidden selected"
+            {lang}
+            {currency}
+            {limits}
+            {userid}
+            {session}
+            {endpoint}
+            {apiversion}
+          ></player-account-gaming-limits-page-2-gmcore>
+        {:else}
           <player-account-gaming-limits-page-2-gm16 class="hidden selected"
             {lang}
             {currency}
@@ -100,15 +107,16 @@
             {endpoint}
             {apiversion}
           ></player-account-gaming-limits-page-2-gm16>
+        {/if}
       {/each}
     </div>
     {#if historyenabled === 'true'}
-    <player-account-gaming-limits-history-2
-      {lang}
-      {userid}
-      {session}
-      {endpoint}
-    ></player-account-gaming-limits-history-2>
+      <player-account-gaming-limits-history-2
+        {lang}
+        {userid}
+        {session}
+        {endpoint}
+      ></player-account-gaming-limits-history-2>
     {/if}
   {/if}
 </div>
@@ -138,7 +146,7 @@
   }
 
   .LimitsTab {
-    font-size: 0.9rem;
+    font-size: 18px;
     margin-bottom: 3px;
 
     display: flex;