@everymatrix/player-account-gaming-limits-wrapper-2 0.0.388 → 0.0.390

package/index.html

@@ -23,6 +23,7 @@
 
   <div class="webcomponent">
 <player-account-gaming-limits-wrapper-2 endpoint="https://betathome-de-stage-api.stage.norway.everymatrix.com/" session="499b548a-73fd-45d1-a56e-2256b609513e" userid="4229869" currency="EUR" includedlimits="deposit, wager, deposit wager loss" tablabels="Deposit limit, Slots limit, Other limits" historyenabled="true" apiversion="gm16" lang="en"></player-account-gaming-limits-wrapper-2>
+<player-account-gaming-limits-wrapper-2 endpoint="https://betathomecom.nwacdn.com/" session="270e163a-e9b1-4e12-ba74-7b3ff167d594" userid="15335603" currency="EUR" includedlimits="deposit" tablabels="Deposit" historyenabled="false" apiversion="gmcore" lang="en"></player-account-gaming-limits-wrapper-2>
   </div>
 
 </body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/player-account-gaming-limits-wrapper-2",
-  "version": "0.0.388",
+  "version": "0.0.390",
   "main": "dist/player-account-gaming-limits-wrapper-2.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -29,9 +29,9 @@
     "typescript": "^3.9.3"
   },
   "dependencies": {
-    "@everymatrix/player-account-gaming-limits-history-2": "^0.0.388",
-    "@everymatrix/player-account-gaming-limits-page-2-gm16": "^0.0.388",
-    "@everymatrix/player-account-gaming-limits-page-2-gmcore": "^0.0.388",
+    "@everymatrix/player-account-gaming-limits-history-2": "^0.0.390",
+    "@everymatrix/player-account-gaming-limits-page-2-gm16": "^0.0.390",
+    "@everymatrix/player-account-gaming-limits-page-2-gmcore": "^0.0.390",
     "cross-env": "^7.0.3",
     "sirv-cli": "^1.0.0",
     "svelte": "^3.0.0"
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "84db50c28b19402630231f365f7255804737565d"
+  "gitHead": "56b9e91f90c8306b4a383dd6411b1de4f7e540ca"
 }

package/src/PlayerAccountGamingLimitsWrapper_2.svelte

@@ -29,14 +29,13 @@
   let tabsContainer:HTMLElement | undefined = undefined;
 
   const determineTabs = ():void => {
-    console.log('hello')
     limitTabs = includedlimits.split(',').map(word => word.trim());
     tabLabelArray = tablabels.split(',').map(word => word.trim());
     isLoading = false;
   }
 
   const selectTab = (index:number):void => {
-    if (mainContainer.children.length > 0){
+    if (mainContainer.children.length > 0) {
       for (let i:number = 0; i < mainContainer.children.length; i++) {
         if (index === i) {
           mainContainer.children[i].classList.remove('hidden');
@@ -78,11 +77,15 @@
   });
 
   $: userid && session && endpoint && includedlimits && tablabels && lang && determineTabs();
-  $: mainContainer && selectTab(0);
+  $: mainContainer && !isLoading && selectTab(0);
   $: clientstylingurl && setClientStylingURL();
   $: clientstyling && setClientStyling();
 </script>
 
+<svelte:head>
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+</svelte:head>
+
 <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 -->
@@ -95,41 +98,43 @@
       </div>
     {/if}
 
-    <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}
-            {limits}
-            {userid}
-            {session}
-            {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}
-        {apiversion}
-      ></player-account-gaming-limits-history-2>
+    <div class="LimitsWrapper">
+      <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}
+              {limits}
+              {userid}
+              {session}
+              {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}
+          {apiversion}
+        ></player-account-gaming-limits-history-2>
+      {/if}
+      </div>
     {/if}
-  {/if}
 </div>
 <style lang="scss">
   :host {
@@ -148,13 +153,20 @@
     box-sizing: border-box;
   }
 
+  .LimitsWrapper {
+    display: flex;
+    flex-direction: column;
+  }
+
   .TabsContainer {
-    height: 42px;
+    height: 50px;
     display: flex;
     margin-bottom: 12px;
     cursor: pointer;
     border-bottom: 1px solid #ccc;
     justify-content: center;
+    background: #fff;
+    box-shadow: 0 0.15rem 0.2rem 0 rgba(0, 0, 0, 0.12);
   }
 
   .LimitsTab {
@@ -175,8 +187,8 @@
   }
 
   .selected {
-    border-bottom: 0.2rem solid #7ec51e;
-    color: #7ac317;
+    border-bottom: 0.2rem solid #002554;
+    color: #002554;
     margin: 0;
   }
 </style>